Cara Membuat "Lihat" untuk Apl Android anda dengan Java

Garis panduan umum dalam pembangunan aplikasi Android memberitahu anda untuk memisahkan logik daripada pembentangan. Dalam istilah yang kurang teknikal, pedoman memberi amaran terhadap mengelirukan apa yang aplikasinya dilakukan dengan cara aplikasinya kelihatan. Garis panduan ini digunakan untuk banyak aspek kehidupan. Contohnya, jika anda merancang laman web, seniman melakukan tata letak dan mempunyai geeks melakukan pengekodan. Jika anda menulis laporan, dapatkan idea yang ditulis terlebih dahulu. Kemudian, anda boleh bimbang tentang fon dan gaya perenggan.

Sastera mengenai pembangunan aplikasi menerangkan teknik dan kerangka tertentu untuk membantu anda memisahkan borang dari fungsi.

Untuk menambah butang, kotak, dan barang lain untuk apl anda, lakukan yang berikut:

1. Lancarkan Android Studio dan mulakan Projek Baru. Apabila anda selesai dengan langkah-langkah ini, anda mempunyai projek baru dengan aktiviti kosong. Projek ini muncul dalam tetingkap utama Android Studio.
2. Dalam aplikasi aplikasi / res / susun atur projek baru (dalam tetingkap alat Projek tetingkap utama), klik dua kali activity_main. xml . Akibatnya, alat Designer Android Studio memaparkan kandungan activity_main. xml . Alat Designer mempunyai dua mod: Mod reka bentuk untuk drag-and-drop pengeditan visual dan mod Teks untuk penyuntingan kod XML. Jadi bahagian bawah alat Designer mempunyai dua tab: tab Design dan tab Teks.
3. Klik tab Reka Bentuk.

   

   Dalam mod Reka bentuk, anda melihat palet, pokok komponen, dua skrin pratonton dan anak tetingkap Properties.

   Jika anda tidak melihat palet, cari butang Palet kecil di tepi kiri alat Designer. Sekiranya anda mengklik butang itu, palet akan muncul.

   Pokok komponen mempunyai cawangan berlabel TextView - "Hello World! " Cawangan ini mewakili teks Hello World! yang muncul secara automatik sebagai sebahagian daripada apl anda. Anda tidak memerlukan teks ini dalam aplikasi anda.

4. Pilih TextView - "Hello World!" cawangan dalam pokok komponen, dan kemudian tekan Padam. Cabang "Hello World" hilang dari pokok komponen, dan perkataan Hello World! hilang dari skrin pratonton.

   Beberapa langkah seterusnya membimbing anda melalui penciptaan aplikasinya.

   

   Susun atur aplikasi mempunyai tiga jenis komponen yang berbeza, dan setiap jenis komponen berjalan dengan beberapa nama yang berlainan. Berikut adalah tiga jenis komponen:
   • EditText (juga dikenali sebagai Teks Biasa): Tempat di mana pengguna boleh mengedit satu baris teks. Nama biasa untuk komponen semacam ini ialah medan teks.
   • Butang : Butang ialah butang adalah butang. Adakah anda mahu klik butang? Pergi ke hadapan dan klik.
   • TextView (juga dikenali sebagai TextView Plain, Teks Besar, Teks Sederhana, dan sebagainya): Tempat di mana aplikasi memaparkan teks. Biasanya, pengguna tidak mengedit teks dalam komponen TextView .

     Untuk menyakitkan tepat, Android EditText , Button , dan TextView komponen tidak benar-benar berbeza. Setiap komponen EditText adalah jenis TextView , dan setiap Butang juga jenis TextView . Dalam bahasa pengaturcaraan berorientasikan objek, kelas EditText memanjangkan kelas TextView . Kelas Button juga memanjangkan kelas TextView .

5. Seret teks Plain (iaitu, EditText ) dari kumpulan Widget palet sama ada pada skrin pratonton. Item Teks Plain boleh mendarat di tempat yang hodoh. Tak mengapa. Anda tidak mencipta karya seni. Anda belajar untuk menulis kod Java.
6. Ulang Langkah 5, kali ini meletakkan item Butang pada skrin pratonton. Letakkan komponen Butang di bawah komponen Plain Text (EditText). Kemudian, jika anda tidak suka di mana anda meletakkan komponen Button, anda boleh dengan mudah mengalihkannya dengan menyeretnya ke tempat lain pada skrin pratonton.
7. Ulang Langkah 6, kali ini meletakkan komponen TextView pada skrin pratonton. Letakkan komponen TextView di bawah komponen Button tetapi, sekali lagi, terpulang kepada anda.

   Dalam langkah yang selebihnya, anda menukar teks yang muncul dalam setiap komponen.

8. Pilih komponen Butang pada skrin pratonton atau dalam pokok komponen. Akibatnya, panel Properties alat Designer memaparkan beberapa sifat komponen Button.

   

   Selepas memilih komponen Butang , anda boleh melihat perkataan TextView dalam anak tetingkap Properties. Jangan mengelirukan ini dengan komponen TextView yang anda seret dari palet di Langkah 7. Dengan butang yang dipilih, semua medan dalam pane Properties merujuk kepada komponen Button . Jika kemunculan perkataan TextView dalam pane Properties membingungkan anda, rujuk ikon Teknikal Stuff di Langkah 4. (Jika perkataan TextView tidak mengelirukan anda, jangan mengganggu membaca ikon Teknikal!)
9. Dalam anak tetingkap Properties, dalam bidang berlabel teks, taip perkataan COPY. Apabila anda melakukannya, perkataan COPY muncul di muka komponen Button . Anda boleh menyemak ini dengan melihat skrin pratonton wysiwyg.

   Dalam anak tetingkap Properties, anda mungkin melihat dua bidang berlabel teks. Jika ya, satu adalah untuk ujian dan yang lain adalah untuk menjalankan aplikasi. Apabila ragu-ragu, ia tidak menyakitkan untuk menaip perkataan COPY dalam kedua-dua bidang tersebut.

10. Ulangi Langkah 8 dan 9 dengan komponen EditText dan TextView aktiviti anda, tetapi kali ini, jangan masukkan perkataan COPY ke komponen tersebut. Sebaliknya, alih keluar aksara dari komponen ini.Apabila anda selesai, skrin pratonton kelihatan sama seperti skrin di bawah. Jika skrin pratonton anda tidak kelihatan seperti ini, jangan risau. Komponen anda mungkin berselerak di tempat yang berbeza pada skrin pratonton, atau pencipta Android Studio mungkin telah mengubah cara skrin pratonton kelihatan. Selagi anda mempunyai komponen EditText , komponen Button , dan komponen TextView , anda baik-baik saja.
11. Pilih Fail → Simpan Semua untuk menyimpan kerja anda setakat ini.