Hướng dẫn học Table Layout trong Android

Nếu bạn cần để tạo ra một giao diện người dùng hiển thị các điều khiển trong một lưới, bạn có thể muốn sử dụng table layout. Ở đây, việc bố trí bảng hiển thị hai dòng đầu tiên của ứng dụng Tip Calculator. Để làm điều đó, cách bố trí này sử dụng bốn cột. Ở hàng đầu tiên, các widget TextView được hiển thị trong cột đầu tiên, và các phụ tùng EditText được hiển thị trong ba cột tiếp theo. Ở hàng thứ hai, một widget được hiển thị trong mỗi cột khi bạn lập trình ứng dụng, lập trình android .


Để tạo ra một table layout, bạn sử dụng các yếu tố TableRow để xác định mỗi hàng. Trong mỗi hàng, bạn có thể đặt như nhiều widget như bạn muốn. Sau đó, nếu bạn cần một tiện ích để mở rộng thành nhiều cột, bạn có thể sử dụng thuộc tính layout_span để xác định số lượng các cột để bắc. Trong hình dưới đây, các thuộc tính layout_span của widget EditText đã được thiết lập là "3". Kết quả là widget này kéo dài 3 cột.



Một cách bố trí bảng có một vài lợi thế hơn một bố trí tương đối. Để bắt đầu, khi bạn sử dụng một cách bố trí bảng, bạn chỉ cần cung cấp các thuộc tính id cho các widget mà bạn cần phải sử dụng với mã Java của bạn. Trong hình này, ví dụ, những widget chỉ hiển thị văn bản không có thuộc tính id. Ngoài ra, bạn không cần phải cung cấp bố trí các thuộc tính cho việc định vị các widget tương đối so với các widget khác. Thay vào đó, bạn chỉ cần sử dụng các thuộc tính layout_span bất cứ nơi nào cần thiết. Kết quả là, bạn không cần phải thiết lập càng nhiều thuộc tính khi bạn sử dụng một table layout.
Khóa học lập trình android tại hà nội


Tuy nhiên, một bố trí tương đối có một vài lợi thế hơn một table layout. Để bắt đầu, nó sẽ cho bạn kiểm soát nhiều hơn các vị trí và sắp xếp các widget. Thứ hai, một bố trí tương đối thường chạy nhanh hơn so với một table layout.
Thuốc tính làm việc
- layout_span : Chỉ định số cột widget nên sử dụng.

XML cho table layout

Code:

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android-"http://schemas.android.com/apk/res/android" 
   android: layout_width- "match_parent" 
   android: layout_height-"match_parent" >
<TableRow>
<TextView
   android : text= " @string/bill_amount_label"
<!— TextView widget attributes —> />
<EditText
   android:id="B+id/billAmountEditText" 
   android : text- " &string/bill_amount" 
   android : layout_span= "3"
<!— EditText widget attributes —>
crequestFocus />
</EditText>
</TableRow>
<TableRow>
<TextView
   android:text="gstrina/tip percent label"
<1— Textview widget attributes —> />
<TextView
   android:id="@+id/percentTextView" 
   android:text-"<?string/tip_percent"
<!— Textview widget attributes —> />
<Button
   android : id=" 0+id/percentDownButton" 
   android:text-"©string/decrease"
<!— Button widget attributes —> />
<Button
   android:id-m 0+id/percentUpButton"
   android:text-"Ostring/increase"
<!— Button widget attributes —> />
</TableRow>
</TableLayout>

------------- || -------------Khóa học photoshop tại hà nội !