"Android" high imitation qq 5.0+ UI

Source: Internet
Author: User

Daily Contact QQ Client Profile Beautiful, especially the side-slide menu is more attractive, and then think of their own to do a. After the toss down, finally have a look.



Specific Implementation

    1. Landing interface is the main drop-down list, I use Popupwindow +listview implementation
    2. Lock screen "Android" uses Swiperefreshlayout for pull -down refresh
    3. The side-by-side menu uses Horizontalscrollview + animations (using the nineoldandroids Open Source Library)
    4. The bottom menu bar of the main interface is implemented with Radiogroup, and the content page above is fragment.
    5. a round head can refer to my blog "Android" Custom circular ImageView (round head to specify size)

In the process of doing this project, the background that feels the side-slip menu is very ingenious! At first I did a very long time is not up to that effect, the occasional opportunity to see the QQ apk has a. 9.png background, then it's done. The background is the use of an upper transparent. 9 image + a PNG image overlay. We just need to put. 9 as an external layout, The PNG image is available as a background image of the internal layout.

The menu item in the side-by-side menu should appear to be implemented using a ListView, and without notice, I will imageview+textview directly without the ListView ...


A few points to be aware of, probably.


Full code: Https://github.com/MummyDing/Mobile-QQ2015_UI (Don't skimp on your star ha)

"Reprint Please specify the source"

Author:mummyding

Source: http://blog.csdn.net/u012560612/article/category/5651761




Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.

"Android" high imitation qq 5.0+ UI

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.