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 mua Bitcoin ở đâu, của ai?Như thế nào?

Bitcoin là một loại tiền tệ kỹ thuật số, không phải là tiền mặt, do đó bitcoin được in giống như các loại tiền giấy thông dụng khác. Vậy nếu muốn mua Bitcoin, thì bạn phải làm như thế nào? Câu trả lời sẽ có trong bài

Cách chặn trang web hiển thị thông báo trên các trình duyệt

Hiện nay các trình duyệt web đều cho phép các trang web hiển thị thông báo tới người dùng. Một cửa sổ pop-up hiện ra hỏi người dùng có muốn nhận thông báo từ trang web hay không. Vậy làm sao để tắt hiển thị thông báo

Cài đặt phiên bản UniKey 4.3 RC1 mới nhất

Phiên bản UniKey 4.3 RC1 này được phát hành ngày 23 tháng 6 năm 2018. Đây là bản cập nhật quan trọng giúp bạn dễ dàng kiểm tra phần mềm Unikey nguyên gốc, chưa chỉnh sửa. Bản cập nhật này cũng giúp sửa lỗi gõ tiếng

Tổng hợp một số thủ thuật sử dụng Vivo V20 SE cực hữu ích cho người dùng

Bạn đang sở hữu chiếc Vivo V20 SE vừa mới ra mắt, nhưng chưa nắm rõ về cách sử dụng và các tính năng của máy như nào thì hãy tham khảo ngay những thủ thuật sử dụng Vivo V20 SE dưới đây. Nó sẽ giúp các bạn sử dụng chiếc

Cách mời bạn bè dùng Mocha

Hôm nay, Quản trị mạng sẽ hướng dẫn các bạn cách mời bạn bè sử dụng Mocha, thủ thuật này sẽ giúp bạn có thêm cơ hội chơi vòng quay may mắn trên ứng dụng đồng thời có thêm những người bạn mới để cùng nhau trò chuyện mỗi

ĐÁNH GIÁ NHANH

Đánh giá chi tiết về Notification Menu mới trên giao diện Grace UX

Hôm nay hãy cùng FPTShop trải nghiệm những thay đổi Notification Menu trên giao diện Grace UX beta của Galaxy S7 (Android 7.0 Nougat)

Đánh giá nhanh Vivo Y71: Lựa chọn phù hợp cho người dùng có ít kinh phí

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

So sánh Mi Pad 5 và Mi Pad 5 Pro: Bộ đôi máy tính bảng này có gì khác biệt nhau?

Mi Pad 5 và Mi Pad 5 Pro là bộ đôi máy tính bảng cao cấp mới được ra mắt của Xiaomi. Chúng là hai biến thể cùng một dòng máy tính bảng và được tích hợp khá nhiều tính năng hấp dẫn. Vậy đâu là điểm khác biệt giữa hai