Android - UI Layouts

Banguna Blok dasar untuk antarmuka pengguna adalah View objek yang diciptakan dari View kelas dan menempati area persegi di layar dan bertanggung jawab untuk menggambar dan penanganan event. View adalah kelas dasar untuk widget, yang digunakan untuk membuat komponen UI interaktif seperti tombol, bidang teks, dll

The View Group adalah subclass dari View dan memberikan wadah tak terlihat yang terus Views lain atau View Groups lain dan menentukan sifat tata letak mereka.

Pada tingkat ketiga Android memiliki layout yang berbeda yang subclass dari kelas View Group dan tata letak yang khas mendefinisikan struktur visual untuk antarmuka pengguna Android dan dapat dibuat baik pada waktu berjalan menggunakan View / View Group benda atau Anda dapat mendeklarasikan tata letak Anda menggunakan file XML main_layout .xml sederhana yang terletak di res / layout folder dari proyek

Tutorial ini tentang membuat GUI Anda berdasarkan layout didefinisikan dalam file XML. Sebuah tata letak yang memungkinkan berisi jenis widget seperti tombol, label, teks, dan sebagainya. Berikut ini adalah contoh sederhana dari file XML memiliki LinearLayout -

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:orientation="vertical" >

   <TextView android:id="@+id/text"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="This is a TextView" />

   <Button android:id="@+id/button"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="This is a Button" />

   

</LinearLayout>

Setelah tata letak Anda telah dibuat, Anda dapat memuat sumber daya tata letak dari kode aplikasi Anda, di Activity.onCreate () pelaksanaan callback Anda seperti gambar di bawah -

public void onCreate(Bundle savedInstanceState) {
   super.onCreate(savedInstanceState);
   setContentView(R.layout.activity_main);
}

Jenis Tata Letak Android

Ada sejumlah Layouts disediakan oleh Android yang akan Anda gunakan di hampir semua aplikasi Android untuk memberikan pandangan yang berbeda, terlihat dan merasa.

Atribut tata letak
Setiap tata letak memiliki satu set atribut yang menentukan sifat visual layout yang. Ada beberapa atribut umum di antara semua layout dan mereka atribut lainnya yang khusus untuk tata letak itu. Berikut ini adalah atribut umum dan akan diterapkan untuk semua layout:

Attribute & Description
1     android:id
This is the ID which uniquely identifies the view.
2     android:layout_width
This is the width of the layout.
3     android:layout_height
This is the height of the layout
4     android:layout_marginTop
This is the extra space on the top side of the layout.
5     android:layout_marginBottom
This is the extra space on the bottom side of the layout.
6     android:layout_marginLeft
This is the extra space on the left side of the layout.
7     android:layout_marginRight
This is the extra space on the right side of the layout.
8     android:layout_gravity
This specifies how child Views are positioned.
9     android:layout_weight
This specifies how much of the extra space in the layout should be allocated to the View.
10     android:layout_x
This specifies the x-coordinate of the layout.
11     android:layout_y
This specifies the y-coordinate of the layout.
12     android:layout_width
This is the width of the layout.
13     android:layout_width
This is the width of the layout.
14     android:paddingLeft
This is the left padding filled for the layout.
15     android:paddingRight
This is the right padding filled for the layout.
16     android:paddingTop
This is the top padding filled for the layout.
17     android:paddingBottom
This is the bottom padding filled for the layout.

Berikut lebar dan tinggi adalah dimensi tata letak / tampilan yang dapat ditentukan dalam hal dp (Density-independen Pixels), sp (Skala-independen Pixels), pt (Tempat yang 1/72 inci), px ( piksel), mm (milimeter) dan akhirnya di (inci).

Anda dapat menentukan lebar dan tinggi dengan pengukuran yang tepat, tetapi lebih sering, Anda akan menggunakan salah satu dari konstanta ini untuk mengatur lebar atau tinggi -

android: layout_width = wrap_content memberitahu pandangan Anda ke ukuran sendiri ke dimensi yang dibutuhkan oleh isinya.

atribut gravitasi memainkan peran penting dalam posisi pandangan objek dan dapat mengambil satu atau lebih (dipisahkan dengan '|') dari nilai konstan berikut.

Lihat Identifikasi

Pandangan objek mungkin memiliki ID unik yang ditugaskan untuk itu yang akan mengidentifikasi Melihat unik dalam pohon. Sintaks untuk ID, dalam sebuah tag XML adalah -

     android: layout_width = fill_parent mengatakan tampilan agar menjadi sebesar lihat induknya.

     android:id="@+id/my_button"

Berikut adalah penjelasan singkat dari @ dan tanda-tanda + -

     Di-simbol (@) di awal string menunjukkan bahwa XML parser harus mengurai dan memperluas sisa ID string dan mengidentifikasinya sebagai ID sumber.

     Plus-simbol (+) berarti bahwa ini adalah nama sumber daya baru yang harus dibuat dan ditambahkan ke sumber daya kami. Untuk membuat sebuah instance dari tampilan objek dan menangkap dari tata letak, gunakan berikut -

Button myButton = (Button) findViewById(R.id.my_button);

Unknown 24 Februari Komentar