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ác lỗi thường gặp của Macbook, nguyên nhân và cách khắc phục

Một trong những ưu điểm lớn nhất của Macbook (và hầu hết các sản phẩm của Apple) đó hoạt động ổn định, hiếm khi xảy ra lỗi và người dùng Macbook ít khi phải bỏ thời gian ra để cập nhật drive cũng như khắc phục các sự

Lướt web thoải mái hơn với thẻ nạp Datacode của MobiFone

Khách hàng của MobiFone hoàn toàn có thể sử dụng thẻ nạp dung lượng data (hay còn gọi là Datacode) để thoải mái lướt web với chi phí hợp lý mà không cần đăng ký cố định gói cước 3G, 4G.

Thủ thuật gỡ bỏ trình duyệt Edge trên Windows 10

Không giống như các ứng dụng khác bạn không thể gỡ bỏ trình duyệt Edge thông qua thiết lập Settings. Trình duyệt Edge là “một phần” của Windows 10, do đó nếu bạn có sử dụng phương pháp PowerShell để gỡ bỏ cài đặt các

Hướng dẫn quay về phiên bản iOS 11.3 do lỗi bỏ sót đến từ Apple

Sau khi vừa ra mắt iOS 12 thì Apple đã chính thức khóa sign phiên bản iOS 11.3.1 khiến cho người dùng không thể quay về được nữa. Tuy nhiên hiện người dùng vẫn có thể quay về một phiên bản cũ hơn là iOS 11.3 do lỗi bỏ

Hướng dẫn cách mua và nạp thẻ điện thoại online trên Tiki

Giờ đây, có rất nhiều dịch vụ mua thẻ cào điện thoại, nạp tiền điện thoại online như Tiki, Adayroi, Zalo Pay, SenPay... không phải tốn thời gian đi mua thẻ điện thoại, ngồi cào để nhập mã thẻ cào điện thoại vào nữa.

ĐÁNH GIÁ NHANH

Trên tay iQOO 5 Pro: Sạc nhanh 120W, Snapdragon 865, 3 camera sau 50MP

Vài tháng trước, thương hiệu phụ của vivo đã giới thiệu dòng iQOO 5 cao cấp tại Trung Quốc. Dòng sản phẩm này bao gồm hai điện thoại là iQOO 5 và iQOO 5 Pro. Trong đó, phiên bản Pro có được nhiều sự chú ý hơn của người

[Đánh giá] Razer Lancehead TE: đối xứng và đằm tay, cảm biến xịn, phần mềm chưa hoàn chỉnh, giá cao

Razer Lancehead Tournament Edition (Lanchead TE) có thiết kế mới mẻ, thể hiện sự trở lại của đội 3 đầu rắn xanh với form đối xứng (ambidextrous) và sử dụng cảm biến tương tự DeathAdder Elite. Như tên gọi Tournament

Sony Xperia XZ3 liệu có phải là phiên bản nâng cấp đáng giá?

Hồi tháng 2 Sony Xperia XZ2 được ra mắt với thiết kế mới và phần cứng mạnh mẽ. Khoảng nửa năm sau, công ty Nhật Bản tiếp tục giới thiệu mẫu flagship tiếp theo có tên gọi Sony Xperia XZ3. Liệu phiên bản nâng cấp này có