Cara Membuat "Lihat" untuk Aplikasi Android Anda dengan Java - dummies

Panduan umum dalam pengembangan aplikasi Android memberi tahu Anda untuk memisahkan logika dari presentasi. Dalam istilah yang kurang teknis, pedoman tersebut memperingatkan agar membingungkan aplikasi yang tidak sesuai dengan tampilan aplikasi. Pedoman ini berlaku untuk banyak aspek kehidupan. Misalnya, jika Anda merancang sebuah situs web, mintalah seniman melakukan tata letak dan minta Geeks melakukan pengkodeannya. Jika Anda menulis laporan, dapatkan ide yang ditulis terlebih dahulu. Nantinya, Anda bisa mencemaskan font dan gaya paragraf.

Literatur tentang pengembangan aplikasi menjelaskan teknik dan kerangka kerja spesifik untuk membantu Anda memisahkan bentuk dari fungsi.

Untuk menambahkan tombol, kotak, dan barang lainnya ke aplikasi Anda, lakukan hal berikut:

1. Luncurkan Android Studio dan mulai Proyek Baru. Setelah selesai dengan langkah-langkah ini, Anda memiliki proyek baru dengan aktivitas kosong. Proyek ini muncul di jendela utama Android Studio.
2. Di cabang app / res / layout proyek baru (di jendela alat Proyek jendela utama), klik dua kali activity_main. xml . Akibatnya, alat Perancang Android Studio menampilkan konten activity_main. xml . Alat Perancang memiliki dua mode: Mode perancangan untuk pengeditan visual drag-and-drop dan mode Teks untuk pengeditan kode XML. Jadi bagian bawah alat Perancang memiliki dua tab: tab Desain dan tab Teks.
3. Klik tab Desain.

   

   Dalam mode Desain, Anda melihat palet, pohon komponen, dua layar pratinjau, dan panel Properties.

   Jika Anda tidak melihat paletnya, carilah tombol Palet kecil di tepi kiri alat Perancang. Jika Anda mengklik tombol itu, palet akan muncul.

   Pohon komponen memiliki cabang berlabel TextView - "Hello World! " Cabang ini mewakili teks Hello World! yang muncul secara otomatis sebagai bagian dari aplikasi Anda. Anda tidak memerlukan teks ini di aplikasi Anda.

4. Pilih cabang TextView - "Hello World!" di pohon komponen, lalu tekan Hapus. Cabang "Hello World" hilang dari pohon komponen, dan kata-kata Hello World! menghilang dari layar pratinjau.

   Beberapa langkah berikutnya memandu Anda melalui pembuatan aplikasi.

   

   Tata letak aplikasi memiliki tiga jenis komponen yang berbeda, dan setiap jenis komponen menggunakan beberapa nama yang berbeda. Inilah tiga jenis komponennya:
   • EditText (juga dikenal sebagai Plain Text): Tempat dimana pengguna bisa mengedit satu baris teks. Nama umum untuk jenis komponen ini adalah bidang teks.Tombol
   • Tombol : Tombol adalah tombol adalah tombol. Apakah Anda ingin mengklik tombol? Langsung ke depan dan klik itu.
   • TextView (juga dikenal sebagai Plain TextView, Large Text, Medium Text, dan sebagainya): Tempat aplikasi menampilkan teks. Biasanya, pengguna tidak mengedit teks di komponen TextView .

     Agar sangat tepat, komponen EditText , Button , dan TextView tidak benar-benar berbeda jenis komponennya. Setiap EditText adalah jenis TextView , dan setiap Button juga merupakan jenis TextView . Dalam bahasa pemrograman berorientasi obyek, kelas EditText memperluas kelas TextView . Kelas Button juga memperluas kelas TextView .

5. Tarik teks Plain (yaitu, EditText ) dari grup Widget palet ke salah satu layar pratinjau. Item Plain Text mungkin mendarat di tempat yang tampak jelek. Tidak apa-apa. Anda tidak menciptakan sebuah karya seni. Anda belajar menulis kode Java.
6. Ulangi Langkah 5, kali ini taruh item Button di layar pratinjau. Letakkan komponen Button di bawah teks Plain Text (EditText). Nantinya, jika Anda tidak suka di mana Anda meletakkan komponen Button, Anda dapat dengan mudah memindahkannya dengan menyeretnya ke tempat lain pada layar pratinjau.
7. Ulangi Langkah 6, kali ini pasang komponen TextView pada layar pratinjau. Letakkan komponen TextView di bawah komponen Button tapi, sekali lagi, terserah Anda.

   Pada langkah-langkah yang tersisa, Anda mengubah teks yang muncul di setiap komponen.

8. Pilih komponen Button pada layar pratinjau atau di komponen pohon. Akibatnya, panel Properties alat perancang menampilkan beberapa komponen komponen Button.

   

   Setelah memilih komponen Button , Anda mungkin melihat kata TextView di panel Properties. Jangan bingung dengan komponen TextView yang Anda tarik dari palet pada Langkah 7. Dengan tombol yang dipilih, semua bidang di panel Properties merujuk ke komponen Button . Jika tampilan kata TextView di panel Properties membingungkan Anda, rujuk ke ikon Stuff Teknis di Langkah 4. (Jika kata TextView tidak membingungkan Anda, jangan repot membaca ikon Technical Stuff!)
9. Di panel Properties, di bidang berlabel text, ketik kata COPY. Saat Anda melakukannya, kata COPY muncul di wajah komponen Button . Anda dapat memeriksa ini dengan melihat layar pratinjau wysiwyg.

   Di panel Properties, Anda mungkin melihat dua bidang berlabel text. Jika demikian, satu untuk pengujian dan yang lainnya adalah untuk menjalankan aplikasi. Bila ragu, tidak ada salahnya mengetikkan kata COPY di kedua bidang itu.

10. Ulangi Langkah 8 dan 9 dengan komponen EditText dan TextView aktivitas Anda, tapi kali ini, jangan memasukkan kata COPY ke komponen tersebut. Sebagai gantinya, hapus karakter dari komponen ini.Setelah selesai, layar pratinjau terlihat serupa dengan layar di bawah ini. Jika layar pratinjau Anda tidak terlihat persis seperti ini, jangan khawatir. Komponen Anda mungkin tersebar di tempat yang berbeda pada layar pratinjau, atau pencipta Android Studio mungkin telah mengubah tampilan pratinjau layar. Selama Anda memiliki komponen Edit Text , komponen Button , dan komponen TextView , Anda baik-baik saja.
11. Pilih File → Save All untuk menyimpan karya Anda sejauh ini.