Android UI design and development imitation Renren v5.9.2 latest version guide interface

In this article, I will take Renren's guidance interface as an example to explain in detail. Renren's guidance interface is relatively novel. It is different from other applications that rely on sliding to guide users. Instead, it is displayed in front of users with a more vivid animation effect. It gives people a bright feeling in front of them. If you don't say much, you can get to the point.

1、 Effect diagram of implementation

Welcome interface:

Guide interface 1

Guide interface 2

Guide interface 3

2、 Directory structure of the project

3、 Specific coding implementation

1. Welcome interface XML layout, activity_ welcome：

2. XML layout of the guide interface, activity_ guide.xml：

3. Two XML resource files are also created here to realize the effect of user-defined buttons. I will introduce the effect of user-defined buttons in detail in the UI topic later. I won't repeat it here, guide_ btn_ blue.xml：

guide_ btn_ white：

4. Then there is the XML resource file of animation effect. I will also introduce the implementation of custom animation effect in detail in the UI topic later. Here, I won't repeat the progressive animation resource file, guide_ fade_ in.xml：

Fade animation resource file, guide_ fade_ out.xml：

Enlarge the animation resource file, guide_ fade_ in_ scale：

5. Welcome community to start welcomeactivity.java:

6. Guide interface, guideactivity.java:

The next article will finish the whole development topic of the guide interface. Please look forward to it.

The above is the whole content of this article. I hope it will be helpful to your study, and I hope you can support programming tips.