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

Truy cập wifi miễn phí trên toàn cầu với Opennet map

Trong thời đại số hiện nay, một chiếc smartphone được kết nối internet luôn là điều mỗi người mong muốn, vậy bạn có biết cách truy cập wifi miễn phí trên toàn cầu với Opennet map?

Lấy lại mật khẩu Vietinbank bị quên lưu trên máy tính

Mật khẩu Vietinbank dùng để đăng nhập, kiểm tra thông số tài khoản ngân hàng của bạn. Chính vì thế người dùng cần ghi chú mật khẩu để không quên mật khẩu Vietinbank. Nếu không may quên mật khẩu, hãy sử dụng theo cách

Hướng dẫn cách mua vé máy bay VietJet Air online

Nhu cầu đi lại, du lịch bằng máy bay ngày càng nhiều. Nhưng thủ tục mua vé máy bay thế nào hay cách đặt vé máy bay qua mạng ra sao thì nhiều người chắc chắn còn chưa hiểu rõ.

Hướng dẫn thêm Column vào menu Start của Windows 10

Theo mặc định, Windows 10 hiển thị ba cột (Column) trong menu Start. Tuy nhiên, có một cột thứ tư ẩn có thể hiển thị cho bạn nhiều ứng dụng và thông tin nhanh hơn khi bạn nhấp vào nút Windows.

Cách lấy lại 5GB bộ nhớ trong cho iPhone

Làm theo những thao tác trong bài viết này sẽ giúp bạn giải phóng tới 5GB bộ nhớ trong cho chiếc iPhone của mình.

ĐÁNH GIÁ NHANH

Đánh giá MSI PS42 8RB Prestige: Có tốt không, giá bao nhiêu, mua ở đâu?

Phải nói rằng đây là một laptop doanh nhân tốt, đáng tiền, đáng trải nghiệm. Nhưng tất nhiên nó không dành cho tất cả mọi người. Với ngoại hình bắt mắt, thanh lịch, MSI Prestige PS42 8RB sẽ gây cảm tình ngay từ cái

Đánh giá Mobiistar E-Selfie: Liệu có đủ sức cạnh tranh với các đối thủ cùng giá

Mình đánh giá khá cao việc Mobiistar đã quyết định lựa chọn tỉ lệ màn hình 18:9 cho E-Selfie và việc sử dụng màn hình tràn viền cũng góp phần làm cho chiếc máy trông đẹp hơn. Chỉ có điều viền trên và dưới còn hơi dày

Đánh giá Lenovo IdeaPad 100s - Giá rẻ nhiều tiện ích

Dù thuộc phân khúc dưới phổ thông với giá bán chưa tới 5 triệu đồng nhưng Lenovo IdeaPad 100 vẫn được trang bị nhiều tiện ích hỗ trợ tốt cho người dùng trong một thiết kế tổng thế khá gọn và đẹp.