Tutorial Reka Bentuk Tata Letak Android: Semua yang Perlu Anda Ketahui



Tutorial Reka Bentuk Tata Letak Android ini akan membantu anda memahami bagaimana susun atur dapat dirancang menggunakan pandangan dan kumpulan pandangan dengan demo.

Sekiranya anda masih baru , anda telah sampai di tempat yang tepat untuk memulakan pembelajaran anda mengenai reka bentuk susun atur. Artikel ini mengenai tutorial reka bentuk susun atur Android akan membantu anda menyelesaikannyabeberapa petua berguna untuk membuat reka bentuk UI yang lebih baik dan juga menerangkan cara merancang UI.

Saya akan membincangkan topik berikut:





Jadi, mari kita mulakan!

rentetan pemisah java berbilang pembatas

Tutorial Reka Bentuk Tata Letak Android: Pengenalan komponen UI

Bercakap mengenai komponen UI, UI khas mana-mana aplikasi Android terdiri daripada komponen berikut:



  • Bar Tindakan Utama
  • Lihat Kawalan
  • Kawasan Kandungan
  • Bar Tindakan Berpisah

Ini memainkan peranan utama semasa anda mengembangkan aplikasi yang kompleks. Anda akan mendapat pandangan yang jelas mengenai perkara ini apabila kita sampai ke bahagian demo artikel ini.

Faktor penting lain yang membantu menyesuaikan reka bentuk UI adalah komponen pandangan.

Mari kita lihat apa itu Paparan



Tutorial Reka Bentuk Tata Letak Android: Pandangan

KE Pandangan dianggap sebagai blok bangunan asas untuk antara muka pengguna yang betul yang sebenarnya dibuat dari Lihat kelas . Ini menempati kawasan segi empat tepat di layar dan akhirnya mengurus lukisan dan pengendalian acara.

A View adalah kelas asas untuk widget, yang digunakan untuk membuat komponen UI interaktif seperti butang, medan teks, dll. Sekarang membicarakan kawasan segi empat tepat atau kotak, Ia boleh menjadi gambar, sekeping teks, butang atau apa sahaja yang boleh dipaparkan oleh aplikasi android. Segi empat tepat di sini sebenarnya tidak kelihatan, tetapi setiap pandangan mempunyai bentuk segi empat tepat.

Anda mungkin mempunyai soalan, berapakah ukuran segi empat tepat ini?

Jawapannya ialah anda boleh menetapkannya secara manual dengan menentukan ukuran yang tepat (dengan unit yang betul) atau dengan menggunakan beberapa nilai yang telah ditentukan. Nilai-nilai yang telah ditentukan ini adalah match_parentand wrap_content. Ini match_parent menandakan bahawa ia akan memenuhi ruang yang lengkap yang terdapat pada paparan peranti. Manakala, balut_konten merujuk bahawa ia hanya akan memenuhi ruang sebanyak yang diperlukan untuk kandungannya dipaparkan.

Sekarang mari kita tunjukkan perbezaan utama antara View dan ViewGroup.

Pandangan

  1. Pandangan objek adalah blok asas elemen UI dalam Android.
  2. A View adalah kotak segi empat tepat yang bertindak balas terhadap tindakan pengguna.
  3. View merujuk kepada kelas android.view.View, yang merupakan kelas asas bagi semua kelas UI.
  4. Contohnya ialah EditText, Button, CheckBox, dll.

Kumpulan Pandangan

  1. Kumpulan Pandangan adalah bekas yang tidak kelihatan yang menahan View dan ViewGroup.
  2. ViewGroup adalah kelas asas untuk Susun atur .
  3. Sebagai contoh, LinearLayout adalah ViewGroup yang mengandungi Button (View), dan Layouts lain juga.

Sekarang mari maju dan memahami Tata Letak yang ada.

Tutorial Reka Bentuk Tata Letak Android: Jenis Susun Atur

KE susun atur mentakrifkan struktur untuk Antara Muka Pengguna dalam aplikasi. Semua elemen dalam susun atur dibina menggunakan hierarki Pandangan dan Kumpulan Pandangan benda.

Sekarang mari kita lihat cara menyatakan susun atur.

Anda boleh menyatakan susun atur dengan dua cara:

  • Menyatakan elemen UI dalam XML. Android menyediakan perbendaharaan kata XML langsung yang sesuai dengan kelas Lihat dan subkelas, seperti widget dan susun atur.

Catatan: Anda juga dapat menggunakan Editor Tata Letak Android Studio untuk membangun susun atur XML menggunakan antarmuka seret dan lepas.

  • Unsur susun atur instantiate di masa berjalan . Aplikasi boleh membuat Pandangan dan Kumpulan Pandangan objek dan memanipulasi sifatnya secara teratur.

Mari kita bincangkan pelbagai jenis Tata Letak.

UI di Android adalah hierarki Paparan dan Kumpulan Pandangan. ViewGroups akan menjadi nod pertengahan dalam hierarki, dan pandangan akan menjadi simpul terminal.

  • Susun atur linier
  • Susun atur mutlak
  • Susun atur relatif
  • Susun atur jadual
  • Susun atur bingkai

Mari kita bincangkan secara terperinci.

Susun atur linier

Susun atur linier digunakan untuk meletakkan satu elemen pada setiap baris. Jadi, semua elemen akan diletakkan secara teratur dari atas ke bawah. Ini adalah susun atur yang sangat banyak digunakan untuk membuat borang di Android. Ia juga dapat disebut sebagai kelompok pandangan yang menyelaraskan semua anak dalam satu arah, secara menegak atau mendatar.

Susun atur mutlak

Dalam susun atur mutlak, anda boleh menentukan koordinat tepat bagi setiap kawalan yang ingin anda letakkan. Dalam susun atur jenis ini, anda dapat memberikan koordinat X dan Y yang tepat bagi setiap kawalan. Ini membolehkan anda menentukan lokasi sebenar anak-anaknya.

Susun atur relatif

Susun Atur Relatif adalah Kumpulan Pandangan yang memaparkan pandangan anak dalam kedudukan relatif. Andadapat menentukan kedudukan unsur-unsur yang berkaitan dengan unsur-unsur lain, atau berkaitan dengan wadah induk.

Susun atur jadual

Dengan menggunakan susun atur jadual, anda boleh membuat jadual dengan baris dan lajur dan meletakkan elemen di dalamnya. Di setiap baris, anda boleh menentukan satu atau lebih elemen. Anda boleh menggunakan perintah ini untuk membuat susun atur jadual baru.

Susun atur bingkai

Susun atur Bingkai digunakan ketika anda ingin menunjukkan satu item pada setiap layar. Dengan menggunakan susun atur bingkai, anda boleh memiliki banyak item.Tata Letak Bingkai ini adalah penahan tempat di layar yang dapat Anda gunakan untuk menampilkan satu tampilan.

Tutorial Reka Bentuk Tata Letak Android: Unit pengukuran

Semasa anda menentukan ukuran elemen pada UI Android, anda pasti harus ingat unit ukuran berikut.

Unit Penerangan
dp Pixel Bebas Ketumpatan. 1dp bersamaan dengan satu piksel pada a 160dpi skrin.
sp Skala Bebas Piksel. Ini sangat mirip dengan dp tetapi hanya ini disyorkan untuk menentukan ukuran fon.
pt Titik. Titik ditakrifkan sebagai 1/72 inci.
px Pixel. Sesuai dengan piksel sebenar di skrin

Sekarang, mari kita menuju ke topik terakhir artikel ini.

Tutorial Reka Bentuk Tata Letak Android: Demo

Di bahagian demo ini, mari kita fahami cara bekerja dengan susun atur di Android Studio .

Rujuk ke Android Studio.

Ini adalah bagaimana susun aturnya. Cukup pilih yang boleh dilukis dan anda akan dapati beberapa kelas, pilih kelas lain yang boleh dilukis ini. Anda boleh membuat kod struktur susun atur atau melihat reka bentuknya dan hanya menyeret dan melepaskan komponen pada ruang reka bentuk.

Demo - Tutorial Reka Bentuk Tata Letak Android - Edureka

Anda dapat melihat komponen yang telah anda pilih di bawah pokok komponen.

Anda juga boleh mendapatkannya dalam susun atur.

  1. Palet : Ini memuat senarai pandangan dan kumpulan pandangan yang boleh anda seret ke dalam susun atur anda.
  2. Komponen Pokok : Terdiri daripada hierarki Paparan untuk susun atur anda.
  3. Bar alat : Butang untuk mengkonfigurasi penampilan susun atur dalam editor dan untuk mengubah beberapa atribut susun atur.
  4. Penyunting reka bentuk : Susun atur dalam paparan Reka Bentuk atau Rangka Tindakan, atau kedua-duanya. Juga dianggap sebagai ruang reka bentuk.
  5. Atribut : Ia mengawal atribut pandangan yang dipilih.

Dengan ini, kita sampai pada akhir artikel ini tentang 'Tutorial Reka Bentuk Tata Letak Android'. Semoga anda jelas dengan apa yang telah dikongsi dengan anda dalam tutorial ini.Nantikan blog lain dan Nasib baik dengan kerjaya Pembangunan Android anda.

Sekarang setelah anda memahami asas-asas Reka Bentuk Tata Letak Android, lihat oleh Edureka, sebuah syarikat pembelajaran dalam talian yang dipercayai dengan rangkaian lebih daripada 250,000 pelajar berpuas hati yang tersebar di seluruh dunia.

Kursus Latihan Pensijilan Pembangunan Aplikasi Android Edureka dirancang untuk pelajar dan profesional yang ingin menjadi Pembangun Android. Kursus ini dirancang untuk memberi Anda awal dalam pengaturcaraan Java dan melatih anda untuk konsep teras dan lanjutan bersama dengan projek di mana anda diharapkan dapat membuat Aplikasi di Android.

Ada soalan untuk kami? Sila sebutkan di bahagian komen di blog “Tutorial Reka Bentuk Tata Letak Android” ini dan kami akan menghubungi anda secepat mungkin.