Bài 75 : Thiết kế giao diện người dùng trong lập trình Android

0

Trong bài học lập trình android này chúng ta sẽ xem xét các thành phần giao diện người dùng khác nhau của màn hình Android. Bài này cũng bao gồm các lời khuyên để làm cho một thiết kế giao diện tốt hơn và cũng giải thích làm thế nào để thiết kế một giao diện người dùng.

1. Linh kiện màn hình giao diện người dùng

Một giao diện người sử dụng điển hình của một ứng dụng Android bao gồm thanh hành động và các khu vực nội dung ứng dụng:

– Main Action Bar

– view Control

– Content Area

– Split Action Bar

Các thành phần này cũng đã được thể hiện trong hình dưới đây
giao dien nguoi dung android

2. Linh kiện màn hình

Các đơn vị cơ bản của ứng dụng Android là sự hoạt động. Một giao diện người dùng được định nghĩa trong một file xml. Trong thời gian biên dịch, mỗi phần tử trong XML được biên dịch vào tương đương với Android lớp GUI với các thuộc tính đại diện của các phương pháp.

– View và ViewGroups

Một hoạt động là bao gồm các quan điểm. Một quan điểm chỉ là một widget xuất hiện trên màn hình. Nó có thể là e.t.c. nút Một hoặc nhiều lần xem có thể được nhóm lại với nhau thành một GroupView. Ví dụ về ViewGroup bao gồm bố cục.

– Loại bố cục

Có rất nhiều loại bố trí. Một số trong đó được liệt kê dưới đây:

– Linear Layout

– Absolute Layout

– Table Layout

– Frame Layout

– Relative Layout

a. Linear Layout

Tuyến tính bố trí được chia thành bố trí theo chiều ngang và chiều dọc. Nó có nghĩa là nó có thể sắp xếp các quan điểm trong một cột hoặc một hàng duy nhất. Dưới đây là mã của bố trí tuyến tính (thẳng đứng) bao gồm xem văn bản.

 

b) AbsoluteLayout

Các AbsoluteLayout cho phép bạn xác định vị trí chính xác của các con của nó. Nó có thể được khai báo như thế này.

c) TableLayout

Các nhóm TableLayout xem thành các hàng và cột. Nó có thể được khai báo như thế này.

 

d) RelativeLayout

Các RelativeLayout cho phép bạn chỉ định cách xem con đang có vị trí tương đối với nhau.Nó có thể được khai báo như thế này.

e) FrameLayout

Các FrameLayout là một giữ chỗ trên màn hình mà bạn có thể sử dụng để hiển thị một cái nhìn duy nhất. Nó có thể được khai báo như thế này.

Ngoài hình thức những thuộc tính này, có những thuộc tính khác được phổ biến trong tất cả các quan điểm và ViewGroups. Chúng được liệt kê dưới đây –

STTView & mô tả
1layout_width
Xác định chiều rộng của View hoặc ViewGroup
2layout_height
Định chiều cao của các Xem hoặc ViewGroup
3layout_marginTop
Chỉ định thêm không gian ở phía trên cùng của View hoặc ViewGroup
4layout_marginBottom
Chỉ định thêm không gian ở phía dưới cùng của View hoặc ViewGroup
5layout_marginLeft
Chỉ định thêm không gian ở phía bên trái của View hoặc ViewGroup
6layout_marginRight
Chỉ định thêm không gian ở phía bên phải của View hoặc ViewGroup
7layout_gravity
Quy định cách con đọc được định vị
8layout_weight
Chỉ định bao nhiêu không gian phụ trong bố trí phải được phân bổ cho các View

 

 

3. Các đơn vị đo lường

Khi bạn xác định kích thước của một phần tử trên một giao diện người dùng Android, bạn nên nhớ các đơn vị sau đây của phép đo.

STTUnit & mô tả
1dp
Mật độ điểm ảnh độc lập. 1 dp là tương đương với một điểm ảnh trên một màn hình 160 dpi.
2sp
Quy mô-độc lập pixel. Điều này cũng tương tự như DP và được khuyến cáo để xác định kích thước font chữ
3pt
Point. Một điểm được xác định là 1/72 của một inch, dựa vào kích thước màn hình vật lý.
4px
Pixel. Tương ứng với điểm ảnh thực tế trên màn hình

 

4. Mật độ màn hình

STTMật độ & DPI
1mật độ thấp (ldpi)
120 dpi
2mật độ trung bình (mdpi)
160 dpi
3mật độ cao (hdpi)
240 dpi
4thêm mật độ cao (xhdpi)
320 dpi

 

6. Tối ưu hóa bố cục

Dưới đây là một số hướng dẫn để tạo bố trí hiệu quả.

– Tránh làm thứ không cần thiết

– Tránh sử dụng quá nhiều lượt xem

– Tránh làm bố cục sâu, khó nhìn.

 

>> Bài 76: Các mẫu giao diện trong lập trình android

————- || ————-
Trung tâm đào tạo các Khóa học lập trình web cơ bản nâng cao và chuyên đào tạo Học viên Thiết kế đồ họa chuyên nghiệp với các khóa học photoshop cơ bản nâng cao tại Hà Nội !

Bài 75 : Thiết kế giao diện người dùng trong lập trình Android
Rate this post

Leave A Reply

Facebook chat Vietpro
End Ads -->