TableLayout trong Android
Kết hợp với thẻ TableRow để tạo ra các hàng các cột cho layout. Cách sử dụng cũng khá đơn giản. Khi dùng TableLayout, mặc định sẽ tạo ra các đường viền xung quanh các ô. Các ô có thể chứa nội dung là bất kỳ thành phần view nào khác (có thể chứa LinearLayout, FrameLayout hoặc TableLayout cũng được).
Mỗi thẻ TableRow nằm trong thẻ TableLayout tạo ra một hàng. Thẻ này sẽ thực sự sẽ chứa đựng các thành phần view khác.
TableLayout sẽ xem dòng nào có số lượng control nhiều nhất để xác định rằng nó có bao nhiêu cột (lấy dòng có số lượng control nhiều nhất làm số cột chuẩn).
Như vậy theo hình trên thì bạn phải nói là TableLayout này có 4 cột, 3 dòng.
Các thuộc tính quan trọng:
- android:stretchColumns
- android:shrinkColumns
- android:collapseColumns
– Dùng layout_span để trộn các cột:
Các thuộc tính quan trọng của TableRow
- android:layout_column
- android:layout_span
Dùng layout_column để di chuyển vị trí của control đến một cột nào đó trên 1 dòng:
Các bước tạo LayoutTable như mô tả trên:
Bước 1: Sau khi tạo project, Thay đổi Layout RelativeLayout sang TableLayout : Click - Right lên Avtivity
Chọn Change Layout --> Chọn TableLayout
Bước 2: Thêm các dòng vào TableLayout --> Add Row, chọn Tablelayout trên Activity.
Bước 3: Thêm các Widget vào từng dòng (Chúng ta sẽ học phần này sau)
Bước 4: Khai báo các thuộc tính cấn thiết, chú ý các thuộc tính ở các dòng: 11, 25, 37
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/TableLayout1" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:background="#ffffff" android:stretchColumns="*" tools:context="hiepsiiit.com.MainActivity" > <TableRow android:id="@+id/tableRow1" android:layout_width="wrap_content" android:layout_height="wrap_content" > <TextView android:id="@+id/tvURL" android:text="URL" android:textStyle="bold" android:textColor="#000000" /> <EditText android:id="@+id/edtURL" android:layout_span="3" android:textColor="#000000" /> </TableRow> <TableRow android:id="@+id/tableRow2" android:layout_width="wrap_content" android:layout_height="wrap_content" > <Button android:id="@+id/btnOK" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_column="2" android:text="Ok" /> <Button android:id="@+id/btnCancel" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Cancel" /> </TableRow> </TableLayout> Kết quả của ví dụ trên:
Cập nhật công nghệ từ Youtube tại link: https://www.youtube.com/channel/UCOxeYcvZPGf-mGLYSl_1LuA/videos
Để tham gia khóa học công nghệ truy cập link: http://thuvien.hocviendaotao.com
Mọi hỗ trợ về công nghệ email: dinhanhtuan68@gmail.com
