Layout và view hoạt động như thế nào trong Android? · Luyện phỏng vấn IT

Layout và view hoạt động như thế nào trong Android?

UI của Android được xây dựng từ View (các widget UI như button, text) được sắp xếp bởi ViewGroup/layout (các container như LinearLayout, ConstraintLayout). Theo truyền thống được định nghĩa trong XML layout, Android hiện đại ngày càng dùng Jetpack Compose (khai báo). Hiểu hệ thống view là nền tảng để xây dựng UI.

View và ViewGroup

text

VIEW → một phần tử UI đơn lẻ (TextView, Button, ImageView, EditText, v.v.)
VIEWGROUP → một container chứa/sắp xếp các view con (LinearLayout, ConstraintLayout,
  FrameLayout, RecyclerView, v.v.) — layout LÀ ViewGroup
→ UI là một CÂY các view bên trong các view group (sự kết hợp).

text

LinearLayout → sắp xếp các view con theo hàng HOẶC cột
ConstraintLayout → layout phẳng, linh hoạt qua các ràng buộc giữa các view (hiện đại, hiệu quả,
  layout được khuyến nghị cho UI phức tạp)
FrameLayout → xếp chồng/phủ lên các view con
RecyclerView → danh sách cuộn hiệu quả (tái sử dụng view để tăng hiệu năng — quan trọng cho danh sách)

xml

<!-- định nghĩa UI một cách khai báo trong file XML layout -->
<LinearLayout android:orientation="vertical" ...>
  <TextView android:text="Hello" .../>
  <Button android:id="@+id/myButton" android:text="Click" .../>
</LinearLayout>

text

JETPACK COMPOSE → bộ công cụ UI KHAI BÁO hiện đại (code Kotlin, không XML):
  → mô tả UI bằng các composable function; phản ứng (UI cập nhật theo state)
  → cách tiếp cận hiện đại được Google khuyến nghị (ý tưởng tương tự Flutter/React)
→ Ứng dụng mới ngày càng dùng Compose; XML layout vẫn phổ biến trong ứng dụng hiện có.

Layout và view hoạt động như thế nào trong Android?

View và ViewGroup

Các layout phổ biến (ViewGroup)

XML layout (truyền thống)

Hiện đại: Jetpack Compose

Tại sao điều này quan trọng