Lập Trình Giao Diện Android Bài 7: Tạo Giao Diện Người Dùng, Các Thành Phần Giao Diện (Ui) Cơ Bản

Thiết kế giao diện android hay còn được gọi là thiết kế giao diện người tiêu dùng cho các ứng dụng chạy xe trên hệ quản lý và điều hành Android. Đối với việc thiết kế, họ cần để ý giao diện càng đơn giản càng tốt. Chúng ta cần tìm hiểu nhu cầu của chúng ta để thiết kế giao diện mang đến phù hợp.

Bạn đang xem: Lập trình giao diện android

Các thành phần trong giao diện buộc phải được bố trí theo một buộc ràng nào đó hay còn gọi là layout. Trong android có không ít loại layout như LinearLayout, TabLayout, RelativeLayout, …

Thiết kế giao diện app android –LinearLayout

Là layout chuẩn bị xếp các View nhỏ trong nó theo tốt nhất một chiều, ngang hoặc dọc theo giá trị của thuộc tính android:orientation (Orientation = vertical – sắp xếp theo chiều dọc củ hoặc horizontal – bố trí theo chiều ngang).

Thiết kế giao diện app android –TabLayout

Gồm 2 phần chia nhỏ ra riêng biệt, phần nhỏ tuổi hiển thị tổng quát các tác dụng và phần nhiều hiển thị câu chữ của từng chức năng.

Thuận tiện với dễ quản lý hơn menu.

Thiết kế giao diện apk –RelativeLayout

Là một view group hiển thị những thành phần con phụ thuộc mối quan liêu hệ địa điểm giữa chúng với nhau hoặc giữa bọn chúng với thành phần phụ thân chứa nó.

Xem thêm: Đến Phim Trường White House Ở Gò Vấp, Phim Trường White House

Theo ví dụ

EditText: nằm dưới TextViewNút OK: bên dưới EditText, căn đề xuất với thành phần cha (screen)Nút Cancel: căn trái nút OK, có tầm khoảng cách bé dại với bên phải

Thiết kế giao diện app android –TableLayout

Bố trí các thành phần theo những hàng và các cột

Thiết kế giao diện android –FrameLayout

Khoảng trắng được phủ đầy với một đối tượng người sử dụng đơn.Gắn đối tượng người dùng vào góc trái trên.Nếu nó chứa được nhiều hơn một đối tượng, đơn giản dễ dàng vẽ chúng ông xã lên nhau.

Thiết kế giao diện app android – các thuộc tính hay được sử dụng của layout

android:layout_width="match_parent"android:layout_height="match_parent"android:paddingBottom="16dp"android:paddingLeft="16dp"android:paddingRight="16dp"android:paddingTop="16dp"android:layout_marginTop="36dp"android:layout_gravity="center"Thiết kế giao diện app android – Định nghĩa layout

Phương pháp thông dụng là định nghĩa trải qua file XML. File nàynằm trong thư mục res/layout/.xml – hoàn toàn có thể truy cập theo tệp tin này thực hiện lệnh R.layout. từ code.

Tất cả những file phần lớn chứaXML version với thuộc tính xmlns:android trong phần tử gốc

XML Layout

Tất cả ở trong tính tất cả tiền tố “android:”

Các nằm trong tính được áp dụng cho phần đông View

Id: ko bắt buộc. Cực hiếm duy độc nhất cho đối tượng người tiêu dùng do đó rất có thể sử dụng để truy cập đối tượng từ codeandroid:id=”
+id/”

Trong Java:

(Button) b = (Button) findViewById(R.id.);Thiết kế giao diện game android – Tạo layout bằng code

public void onCreate(Bundle savedInstanceState) super.onCreate(savedInstanceState); //Tạo LinearLayout LinearLayout ll = new LinearLayout(this); //Tạo button Button btn1 = new Button(this); btn1.setText("Hello"); //Tạo button Button btn2 = new Button(this); btn2.setText("World"); //Gắn button vào layout ll.addView(btn1); ll.addView(btn2); setContentView(ll);

UI trong Java

Định nghĩa layout vào XML, vậy làm vắt nào để giải pháp xử lý sự khiếu nại trên layout?

Chúng ta cần biết làm nuốm nào để nhận tài liệu và truyền dữ liệu tới widget (Làm nuốm nào để truy cập text trong EditText?).Nhận sự kiện từ widget (Chúng ta sẽ làm cái gi khi một button được click?)

Nhận tham chiếu đến đối tượng

Giả sử vào layout ta có view cùng với khai báo id như bên dưới

android:id="
+id/widget"Tham chiếu id sử dụng code

widget = () findViewById(R.id.widget);Trong đó:

là lớp của View, lấy ví dụ Button hoặc EditTextĐây là đối tượng họ cầnGet/set fields vàThiết lập event handlers

Getting/setting field

Khi bọn họ đã bao gồm tham chiếu cho tới widget thì việc truy vấn tới các đối tượng người dùng khá đơn giản

EditText textField= …//Tham chiếu câu chữ trong EditTextString text = textField.getText().toString();//Thay đổi văn bản của EditTexttextField.setText("Hello");//Thay chuyển màu chữ của EditTexttextField.setTextColor(Color.RED);

Thiết kế giao diện android – bài xích tập thực hành

Bài thực hành thực tế số 1: thiết kế giao diện cho áp dụng đổi năm dương kế hoạch sang năm âm lịch

Bài thực hành thực tế số 2: xây dựng giao diện cho áp dụng tìm số nhỏ dại nhất vào 2 số

TAGS
Facebook
Twitter
Bài trướcGiới thiệu về lập trình android (Bài 1)
Bài tiếp theoXử lý sự kiện trong game android (Bài 3)
admin
Lập trình android cơ phiên bản