Bài 76: Các mẫu giao diện 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 mẫu giao diện khác nhau trong đó có sẵn của Android để thiết kế các ứng dụng mà cư xử theo một cách nhất quán và có thể dự đoán.

1. Các thành phần trong mẫu giao diện người dùng

Một ứng dụng Android tốt nên theo sau mẫu giao diện người dùng:

– Action Bar

– Xác nhận và Công nhận

– Cài đặt

– Trợ giúp – Help

– Sự lựa chọn

Bây giờ chúng ta sẽ thảo luận về các mẫu giao diện người dùng được đề cập ở trên trong những chi tiết dưới đây.

2. Action Bar

Thanh Action Bar là một thanh chuyên dụng ở đầu mỗi màn hình đó là thường dai dẳng trong suốt các ứng dụng. Nó cung cấp cho bạn một số chức năng chủ yếu như sau:

– Làm cho hành động quan trọng nổi bật và dễ tiếp cận

– Hỗ trợ chuyển hướng phù hợp và xem chuyển mạch trong các ứng dụng

– Giảm sự lộn xộn bằng cách cung cấp một tràn hành động cho những hành động ít được sử dụng

– Cung cấp một không gian dành riêng cho cho ứng dụng của bạn một bản sắc

Action Bar Components

Action Bar có bốn thành phần chính mà có thể được nhìn thấy trong hình dưới đây.
cac mau giao dien android

Những tên thành phần và chức năng được thảo luận dưới đây –

STT   Action Bar Components
1  Biểu tượng ứng dụng – App Icon
  Các biểu tượng ứng dụng có nêu danh tính của ứng dụng của bạn. Nó có thể được thay thế bằng một biểu tượng hoặc nhãn hiệu khác nhau, nếu bạn muốn.
2  Xem kiểm soát – View control
  Nếu màn hình ứng dụng của bạn dữ liệu trong quan điểm khác nhau, phân khúc này của thanh hành động cho phép người dùng chuyển đổi quan điểm.
3  nút Action
Các hành động quan trọng nhất của ứng dụng của bạn trong phần hành động.
4  Action overflow
Di chuyển các hành động ít thường xuyên sử dụng để tràn hành động.

 

 

3. Xác nhận và Công nhận – Confirming và Acknowledging

Khi người dùng kích hoạt một hành động trên giao diện người dùng của ứng dụng của bạn, nó là một thực hành tốt để xác nhận hoặc thừa nhận hành động đó thông qua một bánh mì nướng hoặc một hộp thoại.

Có một sự khác biệt giữa xác nhận và Công nhận (Confirming và Acknowledging).

a) Confirming – khẳng định

Khi chúng tôi yêu cầu người sử dụng để xác minh rằng họ thật sự muốn tiến hành một hành động mà họ chỉ gọi, nó được gọi là Confirming. Như bạn có thể thấy trong hình dưới đây –

cac mau giao dien android 1

b) Acknowledging

Khi chúng tôi hiển thị một toast để cho người dùng biết rằng hành động của họ chỉ gọi đã được hoàn thành, đây được gọi là Acknowledging, Như bạn có thể nhìn thấy trong hình dưới đây –

cac mau giao dien android 2

4. Cài đặt

Nơi ở ứng dụng của bạn mà người sử dụng có thể chỉ ra sở thích của mình như thế nào cho ứng dụng của bạn nên cư xử được gọi là Settings. Việc sử dụng các thiết lập này có lợi cho người dùng của ứng dụng của bạn theo những cách sau –

– Cài đặt giúp người dùng xác định trước rằng những gì sẽ xảy ra trong những tình huống nhất định

– Sử dụng các thiết lập trong ứng dụng giúp người dùng của bạn để cảm thấy kiểm soát

a) Vị trí của các Cài đặt

Nó được ưa thích bởi các nhà phát triển Android để luôn luôn làm cho “cài đặt” tùy chọn một phần của hành động tràn được đề cập ở trên. Khi người sử dụng không thường xuyên sử dụng tùy chọn này nên thực tế phổ biến là đặt nó bên dưới tất cả các mặt hàng khác ngoại trừ “Help“. Như bạn có thể nhìn thấy trong hình dưới đây –
cac mau giao dien android 3

5. Help

Một số người dùng ứng dụng của bạn có thể chạy vào một số khó khăn khi sử dụng ứng dụng của bạn và họ sẽ tìm kiếm một số câu trả lời, và họ muốn chúng trong ứng dụng. Vì vậy, luôn luôn làm “help” một phần của ứng dụng của bạn.

– Vị trí của Trợ giúp

Cũng giống như “Cài đặt” các tiêu chuẩn thiết kế đặt “Trợ giúp” là trong hành động tràn. Luôn luôn làm cho nó mục cuối cùng trong menu và luôn luôn gắn nhãn nó “Help“. Ngay cả khi màn hình ứng dụng của bạn không có mặt tràn hành động khác, “Trợ giúp” nên xuất hiện ở đó. Như bạn có thể thấy điều này trong hình dưới đây –
cac mau giao dien android 4

6. Sự lựa chọn

Android phiên bản 3.0 thay đổi cử chỉ báo dài đến cử chỉ toàn cầu để chọn dữ liệu. Những cử chỉ báo dài bây giờ được sử dụng để chọn dữ liệu, kết hợp hành động theo ngữ cảnh và các chức năng quản lý lựa chọn cho dữ liệu được chọn vào một nguyên tố mới được gọi là thanh hành động theo ngữ cảnh (CAB).

– Sử dụng ngữ cảnh Action Bar (CAB)

Việc lựa chọn CAB là một thanh hành động tạm thời mà phủ lên thanh hành động hiện tại của ứng dụng của bạn trong khi dữ liệu được chọn. Nó xuất hiện sau khi người dùng máy ép lâu dài trên một mục dữ liệu có thể lựa chọn. Như bạn có thể nhìn thấy trong hình dưới đây –
cac mau giao dien android 5

Từ người sử dụng có thể thực hiện thanh CAB hành động sau đây –

+) Chọn mục dữ liệu bổ sung bằng cách chạm vào chúng

+) Kích hoạt một hành động từ các CAB áp dụng cho tất cả các đánh dấu các mục dữ liệu

+) Loại bỏ các CAB qua nút Back trên thanh điều hướng hoặc nút kiểm của CAB

 

>> Hướng dẫn thiết kế hiển thị trò chuyện Chat Bubble trong Android

>> Bài 47: Tích hợp Linkedin trong lập trình Android

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

Rate this post

Leave A Reply

Facebook chat Vietpro
End Ads -->