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

This article introduces you how the high imitation Android QQ2012 login interface and registration interface is, the content is very detailed, interested friends can refer to, hope to be helpful to you.

Beautiful UI can bring users a good experience, which has always been particularly important in android applications. This time, it imitates the latest login interface of QQ2012 Android version and some registration functions. Simple and beautiful UI gives people a refreshing feeling, but the seemingly simple layout will still encounter a lot of difficulties if it is really done by itself, especially if there is no basis for art. First, take a look at the picture and see the results after completion. There are individual places that are different from the original.

First download the latest official QQ2012APK file, and then change the suffix to .rar. After opening it, you can get all the picture resources needed for the lock. Hey, a lot of .9 pictures don't need to be done by yourself! After that, we need to study how to imitate the layout of the app.

How to control the layout of each control and how to determine the nesting of various layouts? Since it is an excellent UI interface, we can completely imitate, then we can directly copy the design and layout of QQ. Here I use the hierarchyviewer tool that comes with the level viewer in android to analyze the layout of UI. Hierarchyviewer is a very practical tool, that is, it can be used to optimize your own layout or refer to other people's excellent layouts. Double-click in the\ android-sdk-windows\ tools directory to use.

Divided into four areas, the larger workspace on the left is the overall layout of the current UI, which is displayed in a first-level way, and the right is divided into three areas, the top is the thumbnail on the left, and the middle is the property introduction of the currently selected layout. You can click to view the specific values, which is very convenient. The following is the actual effect of clicking on the current layout. Through these, you can understand how the current UI layout is. It is clear at a glance which layout methods and controls are used.

Click Inspect Scrrenshot to enter, the left area is the tree structure of the current layout, so the layout is easier to understand, the right side is the image of the current page, you can move the mouse to select the current element at the cross, and the specific information will be displayed in the middle. Including the color value of the selected place, coordinate information, can also be zoomed in for further subtle operations. How about through this tool? Is it easy to learn your favorite UI imitations?

The following is part of the layout of the code, the specific java code can be downloaded and studied, I also wrote a more childish comment hehe:

The layout of the login interface:

[java]

The layout of the registration interface:

[java]

Layout of registration verification:

[java]

About the high imitation Android QQ2012 login interface and registration interface is how to share here, I hope the above content can be of some help to you, can learn more knowledge. If you think the article is good, you can share it for more people to see.

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.