Android 4.0 Design Code 10 major changes

Source: Internet
Author: User

After reading and translating the Android design guidelines, compare Android 4.0 with Android2.3 and previous versions of app design guidance to summarize the 10 major changes to the Android 4.0 design:

1. Navigation bar (see mode patterns> navigation Navigation)

The previous physical key navigation (return, menu, search, home page) becomes the virtual key (return, home page, most recent task) embedded in the screen.

On the left is a mobile phone with 4 physical keys in the early days, and a new version with only 3 virtual buttons on the right.

Remove the menu items and search items from the navigation bar, and display the previous tasks directly in the navigation bar by using the long press master key before appearing.

Recent tasks ' interface

When you put the menu away, add "more action" (action overflow) to the action bar of the software interface, as shown in the yellow dots in the following figure.

The yellow circle part is the position of the "more Action" (action overflow) and the display of the clicked content

2. Action Bar (see Mode patterns> action Bar)

Action Bar from the previous app icon + operation, into the following figure:

1 up to +2 spinner+3 important operations +4 more operations.

Among them, the Up button, click to go to the current interface of the previous level, not the first level interface has this button, the first level of the interface is not up button; Spinner is a drop-down menu for displaying content that includes a quick switch to the view and full information to display related content; More actions (action overflow) are places that are not commonly used and unimportant operations in the collection Action bar.

The action bar can be split into the 1 main action bars, 2 top columns, and 3 bottom columns in the following figure. If you want, the top bar can host the tab tabs, and the bottom column can host the main actions and the more actions that are collected (action overflow).

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.