Shulou(Shulou.com)06/02 Report--

In this issue, the editor will bring you controls on how to compare iPhone and Android. The article is rich in content and analyzed and described from a professional point of view. I hope you can get something after reading this article.

I. Preface

When developers cover both the iOS platform and the Android platform on the product, they will encounter the problem of how the interface and interaction of the same function are presented in different platforms.

Understanding the control correspondence and similarities and differences between the two platforms is helpful for product and interaction design for both platforms.

This section corresponds to the controls of the two platforms, supplemented by a certain description. For more detailed description of the controls and applicable occasions, please refer to the relevant documents in Resources directly.

Note: the system controls in Android will change according to different ROM and operating system versions. In this article, Android controls take "Android Design" as the main reference.

II. Purpose

The meaning of expectation expression focuses on the following three aspects:

The controls of √ iOS and Android are similar in goal, but the form is quite different, so Android products conform to the style of Android itself, and it is not recommended to follow iOS style directly.

Understanding the corresponding relationship between iOS and Android controls is helpful to make use of existing ideas and conform to the style of the corresponding platform in product design.

Because of the custom ROM of each equipment manufacturer, the difference between different system versions, the diversity of physical properties of equipment and other reasons, Android itself has a variety of styles. It is not easy to design excellent Android applications.

Third, function bar

3.1 status bar (Status Bar)

IPhone's status bar system provides three styles, which are light, dark, dark semi-transparent and highly fixed.

The status bar of Android is available in a variety of styles depending on the ROM customized by each phone manufacturer, and it can also be changed according to the theme in MIUI.

3.2Navigation bar (Navigation Bar)

IPhone's navigation bar is fixed in height and placed at the top of the interface. Headings are usually placed in the middle of the navigation bar, but it can also be used to place other content, with navigation or other buttons on the left and buttons on the right.

The navigation bar of Android will undertake the functions of navigation, operation bar (Acton Bar) and situation action bar (Contextual Action Bars) according to different circumstances.

When undertaking the navigation function, the elements that appear include the title, the left arrow (representing the upper level), and these elements combine the interface with the system return key (hard return key or soft return key) to form the navigation.

When it takes on the function of the operation bar, the elements that appear are action icons (sometimes flat text, including more icons), Spinners drop-down menus, tabs, and so on. If there are too many operation bar icons, another operation bar will be provided at the bottom of the interface.

The scene of the scene action bar includes text selection, content selection and so on, usually by pressing the current content for a long time. This control is Android 4.0, which is used to some extent instead of long-press pop-up menus.

3.3Toolbar (Tool Bar) vs Action Bar (Action Bar)

The toolbar of iPhone is highly fixed and placed at the bottom of the interface, where icons or buttons are usually placed.

Android's action bar appears at the bottom when there is not enough space on the top action bar to place more buttons, but on phones with menu keys, the action bar buttons that cannot be placed will pop up through the menu.

In addition, the bottom action bar was introduced in Android 4.0.

3.4 label bar

The label bar of iPhone is placed at the bottom and the style is fixed.

The label bar of Android includes two kinds: variable position and fixed position. In the system of Android 2.x, there are also tags with pictures and text side by side, and there are a variety of label styles in the application of Google itself.

Basically, the tabs in Android 4.0 can be dragged left or right, or you can click directly to switch.

IV. List

4.1 list

The list of iOS includes ordinary tables, indexed tables, and grouped tables.

Android's list is also a common table, with grouping tables, with horizontal lines full and non-full differences, non-full and iOS grouping tables are similar.

4.2 Table Control

In these iOS table controls:

The single selection and multiple selection of Android is realized through the check box on the right and Radio Box.

Android has no unfold indicator

Other "details indication button, add, delete" and other operations can be completed by clicking on the following Spinners-like tags and popping up the list of operations.

Android itself does not provide such table controls, but because there are similar occasions in need, even the official application of google has extended many non-standard controls, such as the button on the right side of Google Doc in the tabular space, the Spinners on the right side of Google Music, and so on.

4.1 switch

There is only one style of switch in iPhone.

Android provides switches like iOS, check, radio, and so on.

Dialog box and action list

5.1 Dialog Box

This is mainly due to different styles and similar functions.

In addition, before Android 4.0, the determination is generally on the left, and in Android 4.0, the determination is changed to the right.

5.2 Dialog Box with text input Box

5.3 Action list

For the list of actions on iOS, there is no direct corresponding element in Android, but there are similar elements

VI. Other system controls

6.1 Selector

IPhone and Android provide different styles of selectors.

The selector in Android varies from ROM to ROM and from system to system.

6.2 Page indicator

The iPhone page indicator is consistent with the main interface in the application.

Android's page indicator is mainly used for switching desktop pages, and different ROM and different system versions have different styles.

6.3 Slider

IOS slider is a style that varies from ROM to Android and from system to system.

6.4 Progress Bar

The progress bar of Android is still different due to different ROM and different system versions.

6.5 single selection and check

Both the radio and check of iOS can be handled through the "check mark" in the list, and there is also a style similar to the figure on the right.

Android is basically the style of Radio Box and Checkbox, and of course, as always, it has something to do with ROM and the system version number.

7. Special controls

7.1 Android-specific controls

Only some Android-specific controls are listed here.

On the left is Spinners, which has no direct native counterpart in iOS, but some apps will try to use similar ones. For example, Sina Weibo's clients have similar usage.

On the right is toast, which disappears in a few seconds and is often used to do some hints that are not important enough to go directly through the dialog box. This control does not have a native counterpart in iOS, but there are still applications that try to use it, such as network error messages for many applications.

7.2 iOS-specific controls

Segmentation controller is a missing control in Android.

The segmented controller is not a good alternative in Android, and the label bar or Nine Palace grid will be used in google native applications to achieve segmented control to some extent.

The above is the editor for you to share how to compare the controls of iPhone and Android, if you happen to have similar doubts, you might as well refer to the above analysis to understand. If you want to know more about it, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.