Cara mendapatkan text dari editText android studio kotlin

Hallo teman-teman, jumpa lagi dengan kak mitra.  kali ini kak mitra akan share pengalaman kak mitra di andorid programming menggunakan android studio kotlin masih program yang sederhana pula jadi ndak terlu pusing-pusing pula yaa, heheh jadi gini teman-teman tadi pagi kan kita belajar https://mitraide.blogspot.com/2021/09/cara-membuat-event-button-android_0458393584.html  , nah componen button kan udah kali ini kita akan melanjutkan tutorialnya. kali ini kita akan bahas editText

- editText

Apa itu editText ?, edit text itu semacam form input di dalam android studio programming, misal ada kotak yang harus diisi user entah itu nama atau nama lengkap dll. kurang lebih seperti gambar di bawah ini, untuk tampilan ini masih bawaan default ya.. sebenarnya untuk layout editText masih bisa kita modif-modf sendiri sesuka hati. bisa dengan menambahkan library material dll.. namun untuk contoh kita menggunakakan bawaan default sajah. bisa teman-teman lihat pada gambar di bawah ini, form input yang kak mitra kasih kotak warna merah. itulah yang dimaksud dengan editText, bagi teman-teman yang berangkat dari programmer web pasti mirip mirip dengan <input type=Text

itu dia yang namanya editText?, pasti tidak asing kan teman-teman. wkwkwkw.

oke kita lanjutkan tugas kita kali ini 

Nah tugas kita kali ini adalah ketika user menuliskan namanya di editText itu, kemudian user melakukan klik pada button maka akan muncul nama yang diinput user tadi.. semudah itu sebenarnya tujuan program itu..

oke tanpa berlama-lama mari kita coba,

Di program yang barusan kita pelajari tadi https://mitraide.blogspot.com/2021/09/cara-membuat-event-button-android_0458393584.html 

kita lanjutkan saja di situ ya teman-teman.. 

1. Buka file XML perhatikan code berikut ini, jika teman-teman sudah mengikuti tutorial kakak yang lama tentang button, abaikan saja tahap berikut ini, hanya perhatikan saja.. ternyata tidak hanya cewek yang butuh perhatian, code juga... eitt apa sih . yang perlu diperhatikan hanya di dalam tag <TextView dan <EditText

<TextView
    android:id="@+id/textView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="32dp"
    android:text="TextView"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/editText" />

<EditText
    android:id="@+id/editText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="64dp"
    android:ems="10"
    android:inputType="textPersonName"
    android:text="Name"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

2. Skrang buka file kotlinnya dan perhatikan code berikut sudah kak mitra tandai yaaa //Fokus di sini - sampe sini

package com.example.helloworld

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.util.Log
import android.widget.Button
import android.widget.EditText
import android.widget.TextView
import android.widget.Toast

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        var helloTextView = findViewById(R.id.textView) as TextView
        helloTextView.setText("Selamat siang")

        //FOkus di sini
        val editText = findViewById<EditText>(R.id.editText)

        val btn_click_me = findViewById(R.id.button) as Button
        btn_click_me.setOnClickListener {
            Log.d("logTag", editText.text.toString())
        }
        //sampe sini


    }
}

Apabila sudah dirubah seperti code di atas, maka sekarang sudah bisa kita coba. teman-teman tinggal melakukan run programnya dengan mengklik tombol segitiga hijau di samping emulator, atau shift + F9 pada android studio, tunggu hingga emulator sukses melakukan load program

Yee sudah muncul, skrang kita Ketikkan nama teman-teman di dalam textEdit lalu setelah itu segera klik Tombolnya..

Naah apabila sudah muncul nama yang diketikkan atau value yang diketiikan seperti gambar di atas, maka tandanya fungsi tombol dan fungsi editText sudah berjalan dengan baik.. yoooo kita sudah 90% ini..

------------------------------------------------------

Oke sekrang tinggal langkah terakhir. bagaimana cara agar nama text atau value yang kita inputkan tadi bisa muncul pada textView yang bertuliskan "selamat siang" ? gitu kann..

Oke oke, untuk cara ini sebenarnya lebih mudah lagi. sudah kak mitra tuliskan di artikel kak mitra sebelumnya di sini https://mitraide.blogspot.com/2021/09/program-sederhana-dari-android-studio.html hehehe,, oke oke.. atau kak mitra lanjukan di sini ya teman-teman biar gak naggung..

val btn_click_me = findViewById(R.id.button) as Button
btn_click_me.setOnClickListener {
    Log.d("logTag", editText.text.toString())
    //Fokus di sini
    helloTextView.setText(editText.text.toString())
    //sampe sini
}

Perhaitikan baris yang di dalam //fokus di sini - sampe sini itu dia solusinya lalu untuk mencobanya teman-teman bisa klik tombol run lagi..  masih dengan cara yang sama, ketik nama teman-teman di editText lalu tekan tombol "button" apabila muncul seperti gambar di bawah ini "value yang diinput pada editText sudah muncul pada textView" maka program kita sudah berhasil.. horeee

oke teman-teman.. akhirnya kak mitra akan merangkum terlebih dahulu artikel kita agar tidak bingung yaa. kak mitra merokemandikasn mengikuti artikel di bawah ini secara urut agar lebih mudah memahami

1. https://mitraide.blogspot.com/2021/09/program-sederhana-dari-android-studio.html

2. https://mitraide.blogspot.com/2021/09/cara-membuat-event-button-android_0152453671.html

3. https://mitraide.blogspot.com/2021/09/cara-mendapatkan-text-dari-edittext_0115653984.html

Cukup sekian dulu teman-teman artikel kak mitra ini, semoga berhasil ya teman-teman. kak mitra sudah mencoba cara ini dan berjalan dengan baik untuk kak mitra