[Android] LinearLayout và RelativeLayout


  • LinearLayout giống với <div> trong HTML 
  • RelativeLayout cũng giống như LinearLayout nhưng có thêm các thuộc tính như: toRightOf(id),layout_below(id),...nói chung là phụ thuộc vào một thành phần khác
  • Giúp chia bố cục cho màn hình activity
  • Trong LinearLayout có thể có TextView , Button , EditView,...
  • Các thuộc tính thường dùng như:
  1. orientation = "vertical" chia theo chiều dọc , "horizontal" chia theo chiều ngang
  2. width,height : thường là match_parent : bao toàn màn hình , wrap_content : là bao bọc nội dung ( như text )
  3. weightSum : để chia các thành phần bên trong theo tỉ lệ weight .Vd : weightSum ="5" thì các thành phần con (LinearLayout con) sẽ có layout_weight là 2 :3 hoặc  1:2:2
  4. Ngoài ra còn có background,color ,... như trong HTML của thẻ <div>
File app/res/layout/ten_activity.xml


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:weightSum="5"
xmlns:android="http://schemas.android.com/apk/res/android">
<LinearLayout
android:layout_width="match_parent"
android:background="#555"
android:layout_height="50dp"
android:layout_weight="3"
android:weightSum="5"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="30sp"
android:text="menu 1"
android:background="#563"
android:textColor="#989"
android:layout_weight="1"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="30sp"
android:text="menu 2"
android:textColor="#283"
android:layout_weight="4"
android:background="#211"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:background="#421"
android:layout_height="50dp"
android:layout_weight="2">
</LinearLayout>
</LinearLayout>





Nhận xét

Bài đăng phổ biến từ blog này

[Android] Tạo form log in với EditText và Button