Google thêm tab bar nằm ở cạnh dưới màn hình vào hướng dẫn Material Design

Google vừa cập nhật chỉ dẫn thiết kế ứng dụng Material Design, trong đó bổ sung thêm một thành phần mới gọi là Bottom Navigation. Nó là một loạt các icon nằm ở cạnh dưới màn hình để biểu thị những chức năng chính và quan trọng nhất của ứng dụng, tương tự như TabBar bên iOS. Một khi ứng dụng mobile đã trang bị Bottom Navigation thì có thể lược bỏ luôn cả menu SideBar nằm ẩn trong cạnh trái màn hình hoặc các Tab ở cạnh trên, trừ khi lập trình viên có dụng ý riêng để xài cả hai thứ cùng lúc. Trên web hay tablet thì Google vẫn khuyên dùng SideBar chứ không xài Bottom Navigation. Đây là một sự bổ sung thú vị vì nó giúp các ứng dụng có sự đồng nhất cao hơn giữa các phiên bản dành cho những hệ điều hành khác nhau. Nói cách khác, lập trình viên và các nhà thiết kế có thể tăng mức độ thống nhất của app giữa Android và iOS (đặc biệt với các app cross-platform), người dùng thì tiết kiệm được một lần nhấn so với cách dùng SideBar.

Google vừa cập nhật chỉ dẫn thiết kế ứng dụng Material Design , trong đó bổ sung thêm một thành phần mới gọi là Bottom Navigation . Nó là một loạt các icon nằm ở cạnh dưới màn hình để biểu thị những chức năng chính và quan trọng nhất của ứng dụng, tương tự như TabBar bên iOS. Một khi ứng dụng mobile đã trang bị Bottom Navigation thì có thể lược bỏ luôn cả menu SideBar nằm ẩn trong cạnh trái màn hình hoặc các Tab ở cạnh trên, trừ khi lập trình viên có dụng ý riêng để xài cả hai thứ cùng lúc. Trên web hay tablet thì Google vẫn khuyên dùng SideBar chứ không xài Bottom Navigation. Đây là một sự bổ sung thú vị vì nó giúp các ứng dụng có sự đồng nhất cao hơn giữa các phiên bản dành cho những hệ điều hành khác nhau. Nói cách khác, lập trình viên và các nhà thiết kế có thể tăng mức độ thống nhất của app giữa Android và iOS (đặc biệt với các app cross-platform), người dùng thì tiết kiệm được một lần nhấn so với cách dùng SideBar.

Anh em làm dev hoặc app designer có thể xem hướng dẫn chi tiết của Google về Bottom Navigation ở đây.


Google thêm tab bar nằm ở cạnh dưới màn hình vào hướng dẫn Material Design

Nguồn: Google

Từ khoá : Google, tab, bar, Material, Design

TIN LIÊN QUAN

Cách tắt giao diện Material Design của trình duyệt Chrome

Giao diện phẳng Material Design đã được Google áp dụng cho Chrome 52 bản Mac và sẽ xuất hiện trên Chrome 53 bản Windows. Nếu cảm thấy không thích giao diện mới này, sau đây là cách tắt nó để chuyển về giao diện cũ.

Ứng dụng Android sẽ ngày càng giống với iOS

Hãng tìm kiếm vừa thay đổi nội dung của hướng dẫn thiết kế ứng dụng nhằm khuyên lập trình viên sử dụng thanh điều hướng dưới cùng màn hình tương tự như các app iOS hiện nay.

Chrome 53 ra mắt: giao diện Material cho Windows, cải thiện pin

Microsoft đã than phiền về chuyện 'ngốn pin' laptop của Chrome thời gian qua, nhưng Google cũng đã đáp trả bằng các cập nhật mới cho trình duyệt của mình.

Nên nâng cấp ngay Chrome 53: Chạy nhanh hơn, tiết kiệm pin hơn

Trình duyệt Chrome 53 của Google không chỉ có giao diện Material mới, mà còn chạy nhanh hơn và tiết kiệm pin hơn hẳn các phiên bản trước đó.

Loạt ảnh rõ nét mới của Google Pixel và Pixel XL, giao diện với icon tròn

Google Pixel và Pixel XL rò rỉ một loạt hình ảnh rõ nét mới, đặc biệt lần này có hình ảnh giao diện Android 7.1 với các icon ứng dụng hình tròn khá đẹp mắt.

Bộ icon Materialistik đang giảm giá còn 13 ngàn đồng, mua nào anh em

Vì sao phải mua bộ icon? vì nó có độ phân giải cao và thiết kế đồng bộ về màu sắc. Trong đó độ phân giải cao là quan trọng, nhất là với các máy có màn hình 2k. Vì hiện nay hầu hết...

Google Photos phiên bản 1.15 cho Android có gì mới?

Ứng dụng Google Photos cho Android vừa được update lên bản 1.15 giúp bổ sung tính năng, tinh chỉnh cho các chức năng để thuận tiện cho người dùng.

Google được cho là đang tạo ra bàn phím ảo

Google được cho là đang tạo ra bàn phím ảo mới cho iOS, theo đó bàn phím này sẽ sử dụng các cử chỉ vuốt để gõ chữ bên cạnh thao tác mổ cò truyền thống. Nó cũng tương tự như bàn...

THỦ THUẬT HAY

Cách tra cứu lộ trình xe bus tại Hà Nội, Thành phố Hồ Chí Minh

BusMap là ứng dụng tìm kiếm lộ trình xe buýt tại Hà Nội và TP. Hồ Chí Minh, giúp người dùng có thể nắm bắt thông tin nhanh nhất về những tuyến xe buýt mình cần đi.

Những thương hiệu laptop đáng chọn nhất 2017

Khi mua một chiếc máy tính xách tay, điều gì tác động đến bạn? Thương hiệu, thông số kỹ thuật hay tính năng? Với nhiều người dùng thì thương hiệu của một chiếc laptop có sức ảnh hưởng nhiều hơn các yếu tố còn lại. Vậy

Chặn thông báo gửi đến bằng từ khóa cho iPhone / iPad đã jailbreak

Tính năng Push Notifications trên các thiết bị iOS có thể giúp người dùng nhanh chóng nhận biết và không bỏ lỡ bất kỳ thông báo gửi đến nào, nhưng cũng gây ra một số vấn đề phức như hiển thị hàng loạt tin spam, quảng

12 ứng dụng iOS trị giá 29 USD đang được miễn phí

Tiếp tục làm mới chủ đề miễn phí hằng ngày, TCN xin gửi tới các bạn danh sách 12 ứng dụng và game bản quyền dành cho thiết bị iOS đang được miễn phí trên cửa hàng App Store. Mời các bạn cùng xem và nhanh tay tải về

Định dạng HEIC là gì? Làm sao có thể đọc được định dạng này?

Google Photos và Dropbox đều hỗ trợ HEIC đối với ứng dụng trên điện thoại, nhưng Microsoft tỏ ra khá chậm chân trong việc này. Đây là một vấn đề không nhỏ đối với người dùng iPhone chuyên dùng

ĐÁNH GIÁ NHANH

Trên tay Xiaomi Redmi 5A tại Việt Nam: quá nhiều điều hay với giá 1,8 triệu

Xiaomi đang tỏ ra rất nhạy bén khi họ biết được sức hút thương hiệu của mình tại thị trường Việt Nam. Đó là lý do mà hãng điện thoại được mệnh danh “Apple Trung Quốc” đã liên tiếp giới thiệu các sản phẩm chủ lực ở Việt

Đánh giá nhanh Vivo Y71: thiết kế thời thượng, pin tốt, hiệu năng, camera đủ dùng

Nhìn vào mặt trước, Vivo Y71 trông không hề khác biệt so với những thiết bị đắt tiền hơn. Nó có viền 2 bên rất mỏng, gần như không tồn tại, trong khi viền ở cạnh trên và dưới cũng được thu hẹp đáng kể, tạo nên vẻ đẹp

Đánh giá Xiaomi Mi Max 2 vừa cải tiến vừa cải lùi liệu có đáng mua?

Xiaomi Mi Max 2 được ra mắt cùng với Mi 6 vài tháng trước. So với thế hệ đàn anh Mi Max chiếc phablet năm nay được hơn những gì và mất những gì? mời các bạn cùng xem bài đánh giá. Thông số cấu hình HĐH MIUI 8.5 nền