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

Kích hoạt tính năng giới hạn thời gian sử dụng ứng dụng trên iPhone/ iPad

Việc giới hạn thời gian dùng ứng dụng sẽ là phương pháp rất tốt giúp quản lý thời gian sử dụng iPhone/ iPad của con trẻ. Khi kích hoạt tính năng này, người dùng iPhone chỉ có thể sử dụng một ứng dụng duy nhất đang được

7 URL YouTube giúp bạn trở thành "hacker" video YouTube thực thụ

YouTube là một trong những trang web trực tuyến chia sẻ video lớn nhất trên thế giới hiện nay. Tuy nhiên một số tính năng và thủ thuật ẩn trên YouTube lại được rất ít người biết đến và sử dụng. Trong bài viết dưới đây

Trải nghiệm trước chợ ứng dụng Sileo với tinh chỉnh Eleven Cydia Home

Về cơ bản thì tinh chỉnh này không phải là một chợ ứng dụng thay thế cho Cydia giống như dự án Sileo, nó chỉ giúp người dùng thay đổi một phần giao diện thông tin trên trang chủ giống với kiểu thiết kế rò rỉ từ bản thử

Tuỳ biến âm báo tin nhắn và cuộc gọi cho từng số liên lạc trên iPhone

Chẳng hạn như, bạn muốn có âm báo đặc biệt mỗi khi gấu nhắn tin tới, hay cài chuông báo động mỗi khi mẹ gọi điện. Những số liên lạc đặc biệt như thế nên có âm báo tin nhắn và nhạc chuông riêng. Ở bài viết này mình sẽ

Hướng dẫn cách chuyển tài khoản App Store từ Trung Quốc, US về Việt Nam cực đơn giản và nhanh chóng

App Store được biết đến là một trong những kho ứng dụng lớn được trang bị trên iPhone. Tuy nhiên, bỗng một ngày App Store của bạn hiển thị tiếng nước ngoài và bạn không biết làm cách nào để chuyển vùng về Việt Nam?

ĐÁNH GIÁ NHANH

Trên tay và đánh giá nhanh iPhone Xs vừa ra mắt

Về độ bền bỉ, iPhone còn có thể kháng nước – bụi ở nhiều trường hợp khác nhau như chẳng may làm đổ nước vào máy, sử dụng ở điều kiện ẩm ướt, đi bụi nhờ tiêu chuẩn IP68 cao nhất.

Đánh giá Sharpen Image Online - công cụ làm nét ảnh trực tuyến miễn phí

Sharpen Image Online là một công cụ trực tuyến giúp bạn làm nét ảnh của mình. Bạn có thể tải ảnh lên trang web này hoặc nhập URL của ảnh. Công cụ này cho phép bạn điều chỉnh độ nét của ảnh, từ mức thấp đến cao. Bạn có

Trên tay màn hình Acer ET241 24-inches: Đẹp và có giá rất tốt

Về việc lựa chọn một màn hình máy tính phổ thông trên thị trường hiện nay có vô vàn sự lựa chọn. Với mức giá 3 triệu đồng thì Acer ET241 là sự lựa chọn khá tốt khi có thiết kế đẹp và chất lượng nằm ở mức khá. Thông số