Modifikasi Pertama APP - Pengambilan peristiwa dan data. - Teknologi
Lewati ke konten

Modifikasi Pertama APP – Penangkapan peristiwa dan data.

Iklan

Di entri tentang membuat proyek pertama di Android, lalu kita melihat cara membuat aplikasi dasar, kita meninjau struktur proyek dan berbagai konsep seperti SDK, Manifest dan aktivitas serta siklus hidupnya, sekarang kita akan terus memodifikasi proyek saat ini untuk mendalami pembuatan aplikasi lebih dalam.

 

Seperti disebutkan, kami akan memodifikasi aplikasi yang dibuat di entri ini tempat kami membangun proyek Android pertama, kami akan tetap di sana di layar ini

di sana kita dapat melihat bahwa aplikasi default membuat komponen TextView dengan teks “Hello World”, dari tampilan Split. (Jika saat ini Anda tidak tahu cara membuat aplikasi, saya sarankan Anda meninjau entri yang disebutkan di atas.)

di sini kita akan memodifikasi tampilan ini dengan menambahkan komponen baru, jika kemudian kita masuk ke tampilan desain, kita dapat memodifikasi layar sesuai keinginan kita, dalam hal ini kita akan membuat antarmuka berikut.

Seperti yang bisa kita lihat, kita telah menambahkan komponen PlainText yang benar-benar sesuai dengan bidang edit atau yang dapat memiliki properti seperti teks biasa, kata sandi, Telepon, Email, dan lain-lain, dengan cara yang sama dengan Tata Letak yang ditentukan memungkinkan kita mengubah ukuran komponen dan menetapkan posisi relatif, dalam hal ini bidang teks memiliki posisi relatif terhadap textView judul.

Jika kita masuk ke tampilan Split, kita akan melihat kode xml yang dihasilkan dan dari sini kita dapat memodifikasi properti secara manual, dalam hal ini kita telah menambahkan warna pada judul dan ukuran 25sp, perhatikan bahwa setiap komponen memiliki properti id , serta properti untuk mengontrol penempatan komponen di layar.

 

Kami menemukan komponen lain seperti tip yang sesuai dengan a tempatHolder yang ditampilkan saat kolom kosong, properti lain dapat ditambahkan dengan cara yang sama untuk menata gaya komponen.

 

Sekarang komponen tipe ditambahkan yang juga memiliki properti id yang relatif terhadap komponen bidang teks, untuk kasus ini kita memodifikasi pengenalnya.

Logika Aplikasi.

 

Untuk melakukan pemrosesan logika dan informasi, kita masuk ke kelas MainActivity.kt, dari sana kita mendapatkan komponen grafis melalui idnya menggunakan metode findViewById().

 

Kita menambahkan event klik tombol dan membuat fungsi bernama onClick() (Dapat dipanggil dengan cara apa pun)

 

Dalam fungsi ini, logika ditambahkan untuk menangkap nilai bidang teks, yang direferensikan dengan cara yang sama seperti tombol, namun dalam kasus ini, membuat komponen bertipe EditText yang mereferensikan id bidang teks.

 

Selanjutnya, nilai field diperoleh dan ditambahkan ke variabel String yang kemudian disajikan dalam komponen tipe Toast yang memungkinkan tampilan pesan sementara di layar.

 

Saat kita menjalankan aplikasi, emulator dimulai dan kita dapat menguji sistem dengan menambahkan nama pengguna dan menekan tombol "enter", kita melihat bagaimana Toast ditampilkan, yang berlangsung selama beberapa detik.


Setelah itu, kita modifikasi layar dengan menambahkan komponen TextView lain tanpa teks, yang akan berfungsi untuk menampilkan informasi nama yang diketik tetapi sekarang langsung di layar.

Untuk menjalankan logika ini, kita kembali ke kelas MainActivity.kt dan dalam fungsi tersebut kita mereferensikan komponen EditText dengan id yang ditetapkan dan kemudian mengirimkan pesan yang ingin kita tampilkan.

 

Nanti kita luncurkan kembali aplikasinya dan kita mendapatkan hasil sebagai berikut.


 

Alternatif lain untuk mengambil data adalah dengan mendeklarasikan komponen secara global, sehingga menghindari keharusan mendeklarasikannya di setiap fungsi:


Penting untuk digunakan!! untuk mencegah Anda memiliki referensi nol.

 

Pengamatan:

 

Pada baris 11 dan 12 nullsafety digunakan, ini adalah fitur kotlin yang memungkinkan pengontrolan nilai null dalam aplikasi, mencegahnya memuat NullPointerException yang populer, kami tidak dapat menetapkan nilai null secara langsung, tetapi dengan cara ini saat kami menunjukkan EditText? kami memberi tahu kompiler bahwa bidang ini dapat memiliki referensi nol dan mengizinkannya untuk diproses.

 

di baris 26 dan 27 gunakan !! untuk memberi tahu kompiler agar tidak memeriksa apakah nilainya nol dan oleh karena itu dapat dikompilasi tanpa masalah, tetapi jika nol, masukkan pengecualian ke konsol, jika kita tahu bahwa nilai nol dapat tiba dan kita masih ingin memproses

 

Alternatif lain yang direkomendasikan adalah melakukan panggilan aman, jadi ketika Anda mencoba memanggil objek, jika objeknya null, pengecualian tidak akan dilempar, tetapi nilai null akan disimpan tanpa menghentikan proses, itu sebabnya variabel harus dapat dibatalkan. agar dapat dikompilasi dengan benar.

 

Dan itu saja, dengan itu kami memiliki aplikasi fungsional pertama kami dengan pengambilan data dan acara tombol.

 

Mungkin juga menarik bagi Anda.





Apakah ada yang ingin Anda tambahkan atau komentari tentang entri ini? merasa bebas untuk melakukan….Dan jika Anda menyukainya... Saya mengundang Anda untuk berbagi y Berlanggananlah dengan mengeklik tombol "Bergabunglah dengan situs ini" untuk mendengar lebih banyak postingan seperti ini 😉