Mengubah layout ke RelativeLayout

  1. Salin folder proyek HelloToast, ganti namanya menjadi HelloRelative, dan lakukan refaktorisasi. (Lihat Appendix untuk membaca instruksi cara menyalin proyek.) Setelah melakukan refaktorisasi, ubah nilai <string name="app_name"> dalam file strings.xml (dalam app > res > values) menjadi Hello Relative (dengan spasi) sebagai nama aplikasi.

  1. Buka file layout activity_main.xml, dan klik tab Text di bawah panel pengeditan untuk melihat kode XML.

    Ubah <LinearLayout at the top to <RelativeLayout so that the statement looks like this:

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    

    Gulir ke bawah untuk memastikan bahwa tag akhirannya </LinearLayout> has also changed to </RelativeLayout>; jika belum, ubah secara manual.

 

Atur ulang tampilan dengan tab Design

  1. Klik tab Design di bagian bawah panel pengeditan.
  2. Seharusnya panel pengeditan sekarang terlihat seperti gambar di bawah, dengan desain layout dan blueprint-nya. Jika hanya melihat desain layout, atau blueprint saja, klik tombol Show Design + Blueprint (#1 dalam gambar di bawah ini).

  1. Klik tab Text di bawah panel pengeditan.  Periksa perubahan pada kode XML di panel pengeditan sebagai hasil mengubah LinearLayout ke RelativeLayout. Mulai dengan memeriksa Tombol kedua (button_count):

 

Klik tab Text di bawah panel pengeditan dan periksa perubahan pada kode XML sebagai akibat dari pemindahan tampilan di layout:

  • Tampilan show_count sekarang menggunakan atribut berikut untuk memposisikannya ke kanan dan ujung tampilan button_toast:
    android:layout_toRightOf="@+id/button_toast"
    android:layout_toEndOf="@+id/button_toast"
    
  • Tampilan button_count sekarang menggunakan atribut berikut untuk memposisikannya ke bawah tampilan button_toast:
    android:layout_below="@+id/button_toast"
    

 

Leave a Reply

Your email address will not be published. Required fields are marked *

Just another Telkom University Student Blog site