Học lập trình Android - Bố cục giao diện người dùng

Khối xây dựng cơ bản cho giao diện người dùng là một đối tượng View được tạo từ lớp View và chiếm diện tích hình chữ nhật trên màn hình và chịu trách nhiệm vẽ và xử lý sự kiện.

View là lớp cơ sở cho các widget, được sử dụng để tạo các thành phần UI tương tác như các nút, trường văn bản, v.v.

Khóa học lập trình Android Các ViewGroup là một lớp con của Xem và cung cấp thùng chứa vô hình mà giữ Lần khác hoặc ViewGroups khác và xác định tính cách bố trí của họ.

Khóa học lập trình Android

Ở cấp độ thứ ba chúng tôi có bố trí khác nhau mà là lớp con của lớp ViewGroup và bố trí điển hình xác định cấu trúc trực quan cho một giao diện người dùng Android và có thể tạo ra một trong hai lúc thực thi bằng Xem / ViewGroup đối tượng hoặc bạn có thể khai bố trí bằng cách sử dụng đơn giản tập tin XML main_layout .xml được đặt trong thư mục res / layout của dự án của bạn.

THÔNG SỐ BỐ TRÍ

Hướng dẫn này nói thêm về việc tạo GUI của bạn dựa trên các bố cục được xác định trong tệp XML. Bố cục có thể chứa bất kỳ loại vật dụng nào như nút, nhãn, hộp văn bản, v.v. Sau đây là một ví dụ đơn giản về tệp XML có linearLayout

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:orientation="vertical" >
   
   <TextView android:id="@+id/text"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="This is a TextView" />
      
   <Button android:id="@+id/button"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="This is a Button" />
      
   <!-- More GUI components go here  -->
   
</LinearLayout>

Khi bố cục của bạn đã được tạo, bạn có thể tải tài nguyên bố cục từ mã ứng dụng của mình, trong triển khai gọi lại Activity.onCreate () như hiển thị bên dưới

public void onCreate(Bundle savedInstanceState) {
   super.onCreate(savedInstanceState);
   setContentView(R.layout.activity_main);
}

Các kiểu bố cục Android

Có một số Bố cục được cung cấp bởi Android mà bạn sẽ sử dụng trong hầu hết tất cả các ứng dụng Android để cung cấp giao diện, giao diện khác nhau.

Không.	Bố cục & Mô tả
1	Bố cục tuyến tính Tuyến tính là một nhóm xem sắp xếp tất cả trẻ em theo một hướng duy nhất, theo chiều dọc hoặc chiều ngang.
2	Giao diện tương đối RelativeLayout là một nhóm xem hiển thị các khung nhìn con ở các vị trí tương đối.
3	Bố trí bảng TableLayout là một khung nhìn mà các nhóm xem thành các hàng và cột.
4	Bố cục tuyệt đối AbsoluteLayout cho phép bạn chỉ định vị trí chính xác của con của nó.
5	Bố cục khung FrameLayout là một trình giữ chỗ trên màn hình mà bạn có thể sử dụng để hiển thị một chế độ xem.
6	Xem danh sách ListView là một nhóm xem hiển thị danh sách các mục có thể cuộn.
7	Chế độ hiển thị theo ô GridView là một Viewgroup hiển thị các mục trong lưới hai chiều, có thể cuộn.

Bố cục thuộc tính

Mỗi bố cục có một tập các thuộc tính xác định các thuộc tính trực quan của bố cục đó. Có một vài thuộc tính phổ biến trong số tất cả các bố cục và chúng là các thuộc tính khác dành riêng cho bố cục đó. Sau đây là các thuộc tính phổ biến và sẽ được áp dụng cho tất cả các bố cục

Không.	Thuộc tính & Mô tả
1	android: id Đây là ID xác định duy nhất chế độ xem.
2	android: layout_creen Đây là chiều rộng của bố cục.
3	android: layout_height Đây là chiều cao của bố cục
4	android: layout_marginTop Đây là không gian thêm ở phía trên cùng của bố trí.
5	android: layout_marginBottom Đây là không gian thêm ở phía dưới của bố trí.
6	android: layout_marginLeft Đây là không gian thêm ở phía bên trái của bố trí.
7	android: layout_marginRight Đây là không gian thêm ở phía bên phải của bố trí.
8	android: layout_gravity Điều này xác định cách xem Vị trí con.
9	android: layout_ weight Điều này xác định bao nhiêu không gian thừa trong bố cục sẽ được phân bổ cho Chế độ xem.
10	android: layout_x Điều này chỉ định tọa độ x của bố cục.
11	android: layout_y Điều này chỉ định tọa độ y của bố cục.
12	android: layout_creen Đây là chiều rộng của bố cục.
13	android: layout_creen Đây là chiều rộng của bố cục.
14	android: paddingLeft Đây là phần đệm bên trái được điền cho bố cục.
15	android: paddingRight Đây là phần đệm bên phải được lấp đầy cho bố cục.
16	android: paddingTop Đây là phần đệm trên cùng được lấp đầy cho bố cục.
17	android: paddingBottom Đây là phần đệm dưới cùng được lấp đầy cho bố cục.

Ở đây chiều rộng và chiều cao là kích thước của bố cục / chế độ xem có thể được chỉ định theo dp (Pixels độc lập với mật độ), sp (Pixels độc lập với tỷ lệ), pt (Điểm bằng 1/72 inch), px ( Pixels), mm (Millimet) và cuối cùng tính bằng (inch).

Khóa học lập trình Android có thể chỉ định chiều rộng và chiều cao bằng các phép đo chính xác nhưng thường xuyên hơn, bạn sẽ sử dụng một trong các hằng số này để đặt chiều rộng hoặc chiều cao

android: layout_creen = quấn_content cho biết chế độ xem của bạn để tự điều chỉnh kích thước theo kích thước theo yêu cầu của nội dung.

android: layout_creen = fill_parent cho biết chế độ xem của bạn trở nên lớn như chế độ xem chính của nó.

Thuộc tính trọng lực đóng vai trò quan trọng trong việc định vị đối tượng xem và nó có thể lấy một hoặc nhiều (cách nhau bởi '|') của các giá trị không đổi sau.

Không thay đổi	Giá trị	Sự miêu tả
hàng đầu	0x30	Đẩy đối tượng lên đỉnh của thùng chứa, không thay đổi kích thước của nó.
dưới cùng	0x50	Đẩy vật xuống đáy thùng chứa, không thay đổi kích thước.
trái	0x03	Đẩy đối tượng sang bên trái của container, không thay đổi kích thước của nó.
đúng	0x05	Đẩy đối tượng sang bên phải thùng chứa của nó, không thay đổi kích thước của nó.
trung tâm	0x10	Đặt đối tượng vào trung tâm dọc của container, không thay đổi kích thước của nó.
điền_vertical	0x70	Tăng kích thước dọc của vật thể nếu cần để nó lấp đầy hoàn toàn vật chứa của nó.
trung tâm_horizontal	0x01	Đặt đối tượng vào trung tâm ngang của container, không thay đổi kích thước của nó.
fill_horizontal	0x07	Tăng kích thước ngang của vật thể nếu cần để nó lấp đầy hoàn toàn vật chứa của nó.
trung tâm	0x11	Đặt đối tượng vào giữa thùng chứa của nó theo cả trục dọc và trục ngang, không thay đổi kích thước của nó.
lấp đầy	0x77	Tăng kích thước ngang và dọc của vật thể nếu cần để nó lấp đầy hoàn toàn vật chứa của nó.
clip_vertical	0x80	Tùy chọn bổ sung có thể được đặt để có các cạnh trên và / hoặc dưới cùng của đứa trẻ được cắt theo giới hạn của nó. Clip sẽ dựa trên trọng lực dọc: trọng lực trên cùng sẽ cắt cạnh dưới, trọng lực dưới sẽ cắt cạnh trên và không cắt cả hai cạnh.
clip_horizontal	0x08	Tùy chọn bổ sung có thể được đặt thành các cạnh trái và / hoặc phải của trẻ được cắt theo giới hạn của ngăn chứa. Clip sẽ dựa trên trọng lực ngang: trọng lực bên trái sẽ cắt cạnh phải, trọng lực bên phải sẽ cắt cạnh trái và không cắt cả hai cạnh.
khởi đầu	0x00800003	Đẩy đối tượng vào đầu thùng chứa của nó, không thay đổi kích thước của nó.
kết thúc	0x00800005	Đẩy đối tượng đến cuối thùng chứa của nó, không thay đổi kích thước của nó.

Xem nhận dạng

Một đối tượng xem có thể có một ID duy nhất được gán cho nó, nó sẽ xác định Chế độ xem duy nhất trong cây. Cú pháp cho một ID, bên trong thẻ XML là

android:id="@+id/my_button"

Sau đây là mô tả ngắn gọn về dấu hiệu @ và + -

Ký hiệu at (@) ở đầu chuỗi biểu thị rằng trình phân tích cú pháp XML sẽ phân tích và mở rộng phần còn lại của chuỗi ID và xác định nó là tài nguyên ID.

Khóa học lập trình Android Biểu tượng dấu cộng (+) có nghĩa là đây là tên tài nguyên mới phải được tạo và thêm vào tài nguyên của chúng tôi. Để tạo một thể hiện của đối tượng khung nhìn và chụp nó từ bố cục, hãy sử dụng cách sau 

Button myButton = (Button) findViewById(R.id.my_button);