Laporan 7 PBB


USER INTERFACE

Layout Manager
Untuk meletakan komponen (view) pada layar, android menggunakan layout manager. Karena ukuran layar device Android sangat beragam, tidak ada peletakan posisi widget secara akurat per pixel.
Terdapat empat jenis layout manager yang memiliki fungsi  masing-masing. LinearLayout, TableLayout, RelativeLayout dan FrameLayout. Berikut akan dibahas lebih rinci untuk setiap layout.
1.Relative Layout
RelativeLayout mengatur posisi secara relatif berdasarkan posisi widget yang lain atau parentnya. Sebagai contoh, dua widget pada gambar di bawah. EditText posisinya relatif terhadap textView nama.
Langkah Kerja :
     Sesuaikan source code file main.xml seperti yang terlihat pada gambar:






Untuk memilih layout manager, selain dengan cara manual dapat juga ditentukan membuat layout (File à New à Other à Android XML Layout File).

TableLayout meletakan komponen dalam bentuk tabel (baris dan kolom), mirip seperti Table yang digunakan di HTML.  Pengguna mendefinisikan baris dengan tag <TableRow> dan sistem secara otomatis mendefinisikan kolomnya.

Langkah Kerja :
     1.  Sesuaikan source code file main.xml seperti yang terlihat pada gambar:

   2. Jalankan, maka akan tampil seperti gambar berikut:


Framelayout digunakan untuk menampilkan satu komponen dalam satu layar. Jika ada lebih dari satu widget, maka akan ditampilkan secara bertumpuk, walaupun posisi widget dapat diatur dengan gravity.  Layout lain bias ditambahkan sebagai child di dalam frame layout.
Contoh untuk deklarasi berikut menampilkan dua ImageView (pastikan file image telah disimpan di direktori [project]/res/drawable-mdpi ). Pada contoh berikut, nama file photonya adalah Rini.

Langkah Kerja :
  Sesuaikan source code file main.xml seperti yang terlihat pada gambar:


Sesuai dengan namanya, linear layout menyimpan widget dalam satu baris atau satu kolom (tergantung orientasinya).
Langkah Kerja :

  Sesuaikan source code file main.xml seperti yang terlihat pada gambar:



Dengan scrollview,  layout seolah-olah memiliki layar yang lebih luas. Pengguna dapat melakukan scroll. Scrollview hanya mempunyai satu child dan umumnya adalah LinearLayout.  Scrollview hanya dapat melakukan vertical scrolling, gunakan HorizontalScrollView untuk layout yang dapat discroll secara horizontal.Jangan gunakan Listview bersama layout ini karena listview telah memiliki mekanisme scrolling tersendiri.











Komentar

Posting Komentar

Postingan populer dari blog ini

Gambar
 ListView    A. Tujuan Dengan mengikuti perkuliahan ini mahasiswa diharapkan mampu: 1.      Membuat ListView B.     Alat dan Bahan 1.      Personal Computer 2.      IDE Eclipse 3.      Android SDK Windows C.    Teori Singkat ListView adalah user interface pada Android yang menampilkan item-item darisekumpulan daftar yang tersusun berbaris ke bawah atau ke samping dengan tampilan yang dapat scroll. ListView menampilkan item-item dari suatu Array atau List atau Query Database yang dijadikan data model sebagai item dari ListView. Adapter adalah class yang mengatur item-item pada ListView.Adapter mengatur resource view pada setiap item dari ListView. Resource view pada ListView yang ada pada sebuah tampilan layar sebuah aplikasi memiliki jumlah resource view yang tetap sesuai dengan item yang tampak pada layar. Pada ListView dengan tampilan...
Baca selengkapnya

Laporan 6 PPB

Gambar
Nama:MUHAMMAD HIDAYAT SAPUTRA Nim:17214033 MEMBUAT TEKS AUTO COMPLETE Langkah ke 1: 1.      Jalankan Eclipse. 2.      Buat project baru dengan nama TextAutoComplete. Langkah ke 2: Setelah project TextAutoComplete terbentuk, selanjutnya kita modifikasi file-file pada project tersebut dengan langkah-langkah sebagai berikut: 1.      buka file xml yang terdapat pada folder res/layout (secara default nama filenya adalah main.xml) 2.      modifikasi file main.xml menjadi seperti berikut.  3.      Simpan perubahan 4.      Buka file strings.xml yang terdapat pada folder res/values. 5.      Modifikasi file tersebut menjadi seperti berikut.  6.      Modifikasi file AutoCompleteActivity seperti gambar berikut:  7.      Simpan perubahan dan jalankan pr...
Baca selengkapnya

Laporan 5 PPB

Gambar
 LINK FILE LANGKAH KERJA: 1.      Buat project baru dengan lama LinkFile  2.   Buat file baru di dalam folder res/layout dengan nama hal1.xml. kita akan menggunakan file hal1.xml untuk menampilkan hasil dari main.xml  3.      Sesuaikan script file main.xml seperti yang terlihat pada gambar:  4.      Sesuaikan script file hal1.xml seperti yang terlihat pada gambar:  5.    Selanjutnya sesuaikan script LinkFileActivity.java seperti yang terlihat pada gambar berikut:  7.  Maka di klik tombol bintang akan tampil seperti ini: LATIHAN: Buatlah sebuah program yang menghasilkan running seperti gambar berikut: -          Buat project baru dengan lama LinkFile  -          Sesuaikan script file main.xml seperti yang terlihat pada gambar:  - ...
Baca selengkapnya