Hirup Motekar



MATERI PERTEMUAN 6

PEMROGRAMAN MOBILE 1

[pic]

Anggota Kelompok :

1.Fahmi Yahya (16.11.0001)

2.Adit Setiawan (16.11.0017)

3.Didit Julianto I. (16.11.0020)

4.Grisela Diki A. (16.11.0028)

5.Wasis Budiprayitno (16.11.0007)

6.Anaam Barera (16.11.0008)

7.Anggit Prakasa P. (16.11.0012)

8.Galuh Nanda P. (16.11.0013)

9.Reza Isham D. (16.11.0022)

1. Linier Layout 

LinearLayout adalah layout yang mengatur semua elemen didalamnya dalam satu arah, horizontal atau vertical. 

Cara menggunakan linier layout:

Klik menu layout pada palette android studio

[pic]

Sekarang terlihat ada beberapa macam Layout disitu, ada Constraint, Grid, Frame, LinearLayout (Horizontal dan Vertical), Relative, Table, dan Fragment. Lalu kita pilih Linier Layout.

Sekarang ganti ke Text Mode dengan cara klik tab TEXT yang ada di kiri bawah.

[pic]

Terlihat pada kode di atas itu TextView berada di dalam ConstraintLayout. Sekarang, ganti code android.support.constraint.ConstraintLayout ada baris atas itu menjadi LinearLayout, lalu tambahkan attribute android:orientation=”vertical”. Menjadi seperti berikut

[pic]

Sekarang, TextView berada di dalam LinearLayout dengan orientation Vertical. Sekarang, coba copy-paste code elemen TextView itu sampai 5x.

[pic]

[pic]

[pic]

Sekarang ganti menjadi Design Mode pada activity_main.xml, maka akan terlihat TextView tersusun seperti berikut

[pic]

LinearLayout Vertical

5 buah TextView yang ada akan tersusun secara VERTICAL karena kita set orientation untuk LinearLayout nya menjadi vertical. Sekarang, kita coba ganti orientation LinearLayout-nya menjadi horizontal.

[pic]

[pic]

[pic]

Maka susunan TextView menjadi seperti seperti ini :

[pic]

LinearLayout Horizontal

Sekarang 5 buah TextView yang ada tersusun secara horizontal karena kita set orientation dari LinearLayout nya Horizontal.

Sumber:

 

2. Absolute Layout

Absolute Layout adalah salah satu komponen user interface. Yang digunakan untuk mengatur tata letak suatu widget seperti Button, TextView, EditText, dsb, dengan menggunakan atribut layout_x dan layout_y pada komponen user interface, seperti Button, yang digunakan untuk mengatur koordinat atau angka diatribut layout_x dan layout_y.

[pic]

Buat file layout.xml

Klik kanan Layout di app>res>Layout

[pic]

Lalu masuk baris kode berikut ke activity_main.xml

[pic]

[pic]

Hasilnya:

[pic]

Sumber:

3. Relative Layout

Relative Layout merupakan layout yang berfungsi untuk mengatur tata letak komponen atau widget aplikasi android dengan cara relative (secara bebas) tidak hanya vertikal atau horisontal saja seperti pada Linear Layout. Relative Layout memungkinkan kita untuk memposisikan komponen mana saja yang kita inginkan, sehingga dianggap sebagai layout yang paling fleksibel. Karena alasan tersebut Relative layout menjadi layout yang paling banyak digunakan setelah Linear Layout di Android.

Contoh penggunaan Relative Layout

Buat project baru lalu ketikan kode-kode berikut pada Activity_main.xml

[pic]

[pic]

Hasil dari tag diatas yaitu seperti gambar dibawah ini :

[pic]

Sumber:

4. Table Layout

Table Layout adalah Layout yang digunakan untuk membangun user interface (tampilan antar muka, aplikasi android dengan berdasarkan Baris dan Kolom. 

[pic]

Table Layout terdiri dari:

1. Row/ baris pada dasarnya digunakan untuk menyimpan satu jenis record, hanya satu informasi yang dapat disimpan.

2. Kolom adalah sub bagian terbagi dari setiap baris dan satu baris dapat menampung beberapa jenis kolom. Setiap kolom terdiri dari jenis informasi yang berbeda mengenai baris tersebut.

Tag Table Layout

Beberapa tag pada Table Layout :

1. TableLayout : Tag pembuka untuk menggunakan TableLayout

2. TableRow : Tag untuk membuat Baris

Berikut contoh penggunaan table layout 

[pic]

[pic]

[pic]

Hasilnya seperti gambar dibawah ini :

[pic]

Sumber:

5. Frame Layout

FrameLayout adalah layout yang paling tepat  untuk membuat beberapa UI saling tumpang tindih. Contohnya kita dapat menyisipkan widget (tombol) ke dalam widget lainya (gambar).

Buat layout atau project baru pada android studio, pada Activity_main.xml tambahkan kode-kode berikut ini:

[pic]

Hasilnya adalah sebagai berikut :

[pic]

Sumber:

6. Scrollview

ScrollView digunakan untuk membuat suatu halaman bisa di scroll. Atau seperti artikel yang panjang kebawah maka kita bisa gunakan scrollview.

1. Masih di project yang sama yaitu “layout1” pilih “res” Klik => layout => New Resource File, isikan nama misal “layout4”

[pic]

2. Design form sesuai yang diinginkan Atau untuk lebih mudahnya, silahkan copikan kodingan dibawah ini Tambahlan kodingan berikut pada activity_main.xml

[pic]

[pic]

[pic]

[pic]

[pic]

[pic]

[pic]

[pic]

Run program yang telah selesai dibuat, dan hasilnya

[pic]

Sumber:

7. TableRow

Merupakan komponen untuk membuat table pada android . jika kita ingin membuat sebuah table maka kita harus membuat baris (table row)  yg terdiri dari beberapa widget yg di inginkan.

8. Ticker

9. Kombinasi Layout

Kombinasi layout bertujuan agar antarmuka yang dibangun menjadi lebih bagus dan sesuai dengan keinginan. Kombinasi layout dapat dipilih sesuai dengan kebutuhan antarmuka.

Referensi:

-----------------------

- 1 -

- 2 -

................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download