Code-In-Aja

1. Relative Layout

2. Linear Layout

    a. Linear Layout Vertical

    b. Linear Layout Horizontal

3. Table Layout

4. Frame Layout

5. Scroll View


Pertama kita buat sebuat project dengan nama "layout".



ceklis phone and tablet, kemudian pilih sdk yang kita gunakan., lalu klik tombol next.


kemudian pilih layout untuk project kita nanti, disini kita menggunakan "Empty Activity", lalu klik tombol next.


setelah itu kita buat nama activitynya dengan nama "MainActivity", lalu klik tombol finish.


tunggu beberapa saat sampai project yang kita buat tadi selesai.


setelag selesai maka akan muncul halaman project yang buat tadi, yaitu project dengan nama "layout".



disini file MainActivity berfungsi untuk menjalan project yang kita buat pada halman/layout activity_main.cml.




lebih jelasnya dapat dilihat pada gambar dibawah ini :



Langsung saja kita mulai membuat project layout kita.

1. Relative Layout
    untuk membuat relative layout kita bisa langsung mengedit project yang kita buat tadi,
    - pertama kita atur posisi text view yang ingin kita tampilkan pada tampilan relative layout.
    - edit text view dengan menggunakan tools properties yang ada di pojok kanan tampilan android 
      studio.    


 -  edit sesuai yang kita inginkan dengan memanfaatkan tools properties. setelah selesai maka akan menjadi seperti gambar di bawah ini


- kemudian kita akan menambahkan botton dibawah text view, dan edit sesuai kebutuhan dengan tools properties, jika selesai maka akan seperti gambar dibawah ini.



- kemudian jalankan aplikasi yang kita buat tadi menggunakan Genymotion.





- buat file name nya dengan nama "linear_layout", seperti gambar dibawah ini



 a. Linear Layout Vertical
     - untuk membuat layout vertical kita membutuhkan komponen  :
     *text view
     *edit text
     *botton1
     *botton2
    kemudian edit dengan menggunakan tools properties.



     pada tampilan coding text edit, kita ubah tulisan "text" menjadi "hint". seperti gambar yang ada    
     dibawah ini.



- untuk menjalankan aplikasi nya, terlebih dahulu kita ubah MainActivity dengan nama file layout linear_layot.



- kemudian jalankan, makan akan muncul tampilan seperti gambar dibawah ini.




b. Linear Layout Vertical     - pada halaman yang sama kita dapat merubah layout menjadi vertical, dengan cara merubah orientation dari horizontal menjadi vertical, kemudian edit layout width dan height nya di tampilan text(coding).



- setelah diubah maka akan menjadi seperti gambar dibawah ini.




- jalankan aplikasi,

3. Table Layout
    - pertama kita buat dulu activity baru dengan cara klik kanan pada layout, >> kemudian pilih new >> lalu pilih layout resoure file.



- buat file name nya dengan nama "table_layout". kemudian pilih tombol ok.


- kemudian pindahkan layout TableRow ke dalam Linear Layout , seperti pada gambar di bawah ini.



- masukan text view, edit text dan botton kedalam masing-masing table.

- edit pada tampilan text/codingnya.

- untuk menjalankan aplikasinya, terlebih dahulu ubah nama R.Layoutnya seperti gambar di bawah ini.

4. Frame Layout
    - buat sebuah activity dengan nama "frame_layot". tekan tombol "ok" untuk membuat nya.



- pada component tree, tambahkan "TextView", kemudian edit.

- edit "TextView" tadi pada tampilan text/coding nya, hingga menjadi seperti gambar dibawah ini. 



- setelah selesai, jalankan aplikasi nya di Genymotion.