Tampilan di Android

dasar-panduan-pemrograman-android-4

Semua elemen yang muncul di layar aplikasi Android adalah tampilan. Dari elemen individu seperti teks atau tombol, hingga wadah seperti kelompok tampilan. Topik ini cukup kompleks karena banyaknya detail yang terlibat, dan untuk mengeksplorasi kemungkinan yang tersedia secara lebih mendalam, sangat disarankan untuk mengunjungi dokumentasi resmi. Dalam tutorial ini kita akan menganalisis elemen yang paling sering digunakan, termasuk kelompok tampilan dan beberapa elemen dasar.

Lihat Grup

  • Tata Letak Linier
    • Kelompokkan elemen dalam satu baris, yang bisa vertikal atau horizontal.
  • Tata Letak Relatif
    • Elemen-elemen tersebut diatur dalam hubungannya satu sama lain dan margin. Ini yang paling fleksibel, dan paling banyak digunakan.
  • Tampilan Gulir
    • Digunakan untuk tampilan yang tidak pas di layar. Ini hanya dapat berisi satu tampilan atau sekelompok tampilan, dan secara otomatis menambahkan bilah gulir.
  • Tata Letak Tabel
    • Kelompokkan item ke dalam baris dan kolom. Ini berisi elemen TableRow, yang pada gilirannya berisi elemen dari setiap sel.
  • Tata Letak Bingkai
    • Ini dimaksudkan untuk memuat satu tampilan. Jika lebih banyak yang ditambahkan, semuanya berbaris di sudut kiri atas, tumpang tindih.
  • Tata Letak Absolut
    • Itu tidak digunakan lagi sejak Android versi 1.5. Dalam penampung ini, elemen direferensikan dengan koordinat absolut mulai dari sudut kiri atas. Sudah tidak digunakan lagi karena tidak beradaptasi dengan layar dengan ukuran berbeda, yang menjadi populer seperti Android 1.5.

Untuk aplikasi sederhana, grup yang paling menarik untuk dilihat secara mendetail adalah LinearLayout, RelativeLayout, dan ScrollView. Misalnya, kita dapat membuat file Tata Letak Linier vertikal berisi teks, dan horizontal lainnya dengan tombol:

[html]
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android: layout_width = "match_parent"
android: layout_height = "match_parent"
android: orientasi = "vertical">
<Tampilan Teks
android: id = "@ + id / textView1"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Text 1" />
<Tampilan Teks
android: id = "@ + id / textView2"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Text 2" />
<Tampilan Teks
android: id = "@ + id / textView3"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Text 3" />
<Tampilan Teks
android: id = "@ + id / textView4"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Text 4" />
[/ html]

views-in-android-1

[html]
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android: layout_width = "match_parent"
android: layout_height = "match_parent"
android: orientasi = "horizontal">
<Tombol
android: id = "@ + id / button1"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Tombol 1" />
<Tombol
android: id = "@ + id / button2"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Tombol 2" />
<Tombol
android: id = "@ + id / button3"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "Tombol 3" />
[/ html]

views-in-android-2

sebuah Tampilan Gulir Ini dapat disusun dengan sangat mudah, Anda hanya perlu membungkus wadah yang harus Anda tulis:

[html]
android: layout_width = "fill_parent"
android: layout_height = "fill_parent"
xmlns: android = "http://schemas.android.com/apk/res/android"
<…>
[/ html]

Terakhir, RelativeLayout adalah wadah yang paling serbaguna dan kuat, tetapi juga salah satu yang paling rumit untuk ditangani. Kami tidak akan menyentuh semua opsi di sini karena terlalu banyak. Untuk referensi yang lebih detail, kami akan pergi ke dokumentasi resmi. Contoh sederhananya adalah sebagai berikut: dua tombol pada horizontal yang sama, satu dengan ukuran teks yang dikandungnya, dan yang lainnya meluas untuk menempati sisa baris:
[html]
<Tata Letak Relatif
xmlns: android = "http://schemas.android.com/apk/res/android"
android: layout_width = "match_parent"
android: layout_height = "match_parent">
<Tombol
android: id = "@ + id / button1"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: layout_alignParentLeft = "true"
android: layout_alignParentTop = "true"
android: text = "Tombol 1" />
<Tombol
android: id = "@ + id / button2"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: layout_alignParentRight = "true"
android: layout_alignParentTop = "true"
android: layout_toRightOf = "@ + id / button1"
android: text = "Tombol 2" />

[/ html]

views-in-android-3

Dalam contoh ini, tombol pertama sejajar dengan margin kiri dan atas wadah, dan tombol 2 sejajar dengan margin atas, kanan, dan kanan tombol 1.

Tampilan

  • Tampilan Teks
    • Menampilkan teks tetap.
  • EditTeks
    • Berisi teks yang dapat diedit.
  • Tombol
    • Tombol sederhana.
  • Tombol Gambar
    • Tombol ini memungkinkan Anda untuk menampilkan gambar alih-alih teks
  • ToggleTombol
    • Tombol yang dapat mempertahankan keadaan ditekan hingga ditekan kembali.
  • kotak centang
    • Tombol yang mirip dengan ToggleButton yang berfungsi sebagai kotak centang.

Kita telah melihat sebelumnya bagaimana TextView bekerja, karena hanya perlu menyertakan teks. Dalam dokumentasi resmi kita dapat menemukan opsi lanjutan seperti memvariasikan font, ukuran teks, warna, dan banyak lagi.

Tombol lebih menarik, karena entah bagaimana kita harus mengaitkan suatu tindakan dengan mereka. Kami akan melihat dua cara. Pertama, kami langsung mengaitkan tindakan dalam kode aktivitas kami:

[html]
Tombol tombol = (Tombol) findViewById (R.id.button1);
button.setOnClickListener (baru View.OnClickListener () {
public void onClick (Lihat v) {
DisplayToast ("Anda menekan tombol");
}
});
[/ html]

Di sini kuncinya adalah id yang telah kita berikan ke elemen di file XML, kita membutuhkannya untuk menemukannya di kode. Dengannya, kita bisa mengasosiasikan tindakan yang kita butuhkan. Alternatif lain adalah menyertakan elemen "android: onClick =" btnClicked "di XML tombol, lalu menambahkan metode dengan nama yang ditunjukkan langsung ke kode aktivitas:

[html]
public void onClick (Lihat v) {
DisplayToast ("Anda menekan tombol");
}
[/ html]

Untuk Kotak Centang atau ToggleButton kita dapat melakukan sesuatu yang mirip dengan metode pertama. Kami mendapatkan referensi melalui findViewById, dan menerapkan fragmen berikut:

[html]
button.setOnCheckedChangeListener (OnCheckedChangeListener () baru {
@Override public void onCheckedChanged (CompoundButton buttonView, boolean isChecked) {
if (isChecked) DisplayToast ("Anda telah mengaktifkan tombol");
else DisplayToast ("Anda telah menonaktifkan tombol");
}
});
[/ html]


Anda tertarik dengan:
Cara menghapus virus di Android

8 komentar, tinggalkan punyamu

tinggalkan Komentar Anda

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai dengan *

*

*

  1. Bertanggung jawab atas data: Actualidad Blog
  2. Tujuan data: Mengontrol SPAM, manajemen komentar.
  3. Legitimasi: Persetujuan Anda
  4. Komunikasi data: Data tidak akan dikomunikasikan kepada pihak ketiga kecuali dengan kewajiban hukum.
  5. Penyimpanan data: Basis data dihosting oleh Occentus Networks (UE)
  6. Hak: Anda dapat membatasi, memulihkan, dan menghapus informasi Anda kapan saja.

  1.   chiva dijo

    Halo bitches nama saya kambing
    Saya ingin bercinta dengan Ivan

  2.   Pria Kuba dijo

    Betapa lingkungan yang bagus Lingkungan yang bagus lingkungan nigga tidak akan bernilai sepeser pun tetapi berlumpur

  3.   KUTU dijo

    Saya ingin bercinta dengan chuy

  4.   HAIDE dijo

    Bagaimana cara menginstal apk? Mendesak!!

    1.    Fransisco Ruiz dijo

      Anda mengambil file apk dan menyalinnya ke sdcard atau memori internal terminal tempat Anda memutuskan untuk menginstal. Kemudian, dengan file explorer apa pun Anda memasuki jalur tempat Anda menempelkannya dan mengkliknya akan berjalan secara otomatis. Jika itu mengembalikan jendela kecil dengan tombol yang menempatkan pengaturan, Anda harus mengkliknya untuk mengaktifkan izin untuk menginstal aplikasi dari sumber yang tidak dikenal.

  5.   Ludovico dijo

    Bapak. Apa arti simbologi android?
    L

  6.   TUGFA dijo

    GFA ANDA MEMILIKI PITOTE 20 meter dan THE CHIVA memakannya

  7.   damian dijo

    bagian yang mengatakan
    public void onClick (Lihat v) {
    DisplayToast ("Anda menekan tombol");
    }
    seharusnya
    public void btnClicked (Lihat v) {
    DisplayToast ("Anda menekan tombol");
    }