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

Hướng dẫn cách tải Worms Zone.io MOD APK nhanh nhất 2023

Mọi người đều biết về game Snake mà mọi người thường chơi trên điện thoại di động Nokia là một trong những trò chơi nổi tiếng và sống động nhất đối với mọi lứa tuổi trong những năm 2000. Tuy nhiên, sẽ rất thú vị khi

Những "lỗi vặt" phát sinh khi cập nhật iOS 15 cho iPhone

Sau khi cập nhật iOS 15 cho iPhone nhiều người dùng phàn nàn thiết bị của họ gặp một số lỗi khó như: Thông báo bộ nhớ đầy, lỗi Notifications,

Cách tải và cài Outlast về máy tính, game bệnh viện kinh hoàng

Outlast là tựa game kinh dị được game thủ đón nhận với cốt truyện hấp dẫn kèm theo cách chơi kinh dị gây ám ảnh. Nếu bạn là một fan của các dòng game kinh dị thì không nên bỏ qua tựa game này cũng như tải Outlast và

Các phần mềm sao lưu dữ liệu cho iPhone tuyệt vời nhất

Sao lưu dữ liệu trên thiết bị iOS là công việc tương đối dễ dàng, nếu bạn đang dùng những thiết bị sử dụng hệ điều hành iOS nhưng khá khó khăn nếu người dùng sử dụng trên hệ điều hành Windows. Dưới đây là những phần mềm

Sử dụng trình duyệt Opera cho di động

Đây là hướng dẫn chung cho trình duyệt Opera Mini hay Opera Mobile trên điện thoại di động. Một số thiết lập có thể có hoặc không, tùy thuộc vào từng phiên bản trình duyệt, loại điện thoại và nền tảng. Xem thông tin về

ĐÁNH GIÁ NHANH

Trên tay và đánh giá nhanh về bộ ba viên pin dự phòng cao cấp và mới nhất của Energea

Trong loạt sản phẩm mới này của mình, nhà sản xuất tới từ Singapore dường như đã đặt trải nghiệm cũng như sự cao cấp lên hàng đầu. Bạn có thể nhìn thấy được ưu nhược điểm của từng sản phẩm một và dễ dàng để chọn lựa

Đánh giá chi tiết camera iPhone 13: Chụp ảnh tuyệt đẹp dù chỉ có 2 camera

iPhone 13 có khá nhiều nâng cấp, tuy nhiên máy vẫn được duy trì 2 camera sau và 1 camera trước so với phiên bản tiền nhiệm. Nhưng Apple đã thay đổi phần cứng và phần mềm nhằm nâng cao khả năng chụp ảnh cho iPhone 13.

Đánh giá Lenovo Ideapad 530s: Laptop ấn tượng, thiết kế cao cấp và gọn nhẹ

Chiếc Laptop được thiết kế đơn giản và đẹp mắt như mẫu Ideapad 530S được coi là một bước thay đổi mới của hãng Lenovo giống Apple làm với Macbook Air vậy. Còn điều gì thú vị của Ideapad 530S trừ dáng vẻ được phá cách