码迷,mamicode.com
首页 > 移动开发 > 详细

【Android】高仿QQ 5.0+ UI

时间:2015-08-17 01:09:07      阅读:278      评论:0      收藏:0      [点我收藏+]

标签:qq   qq ui   侧滑菜单   android   

      每天接触的QQ客户端简介美观,特别是那个侧滑菜单更是吸引人,然后就想着自己做一个.前前后后折腾下来,总算有个样子了.

效果图

技术分享技术分享

技术分享技术分享


具体实现


  1. 登陆界面 主要是那个下拉列表,我是采用  PopUpWindow +ListView 实现
  2. 锁屏界面 【Android】使用 SwipeRefreshLayout 实现下拉刷新
  3. 侧滑菜单使用 HorizontalScrollView +动画(使用了NineOldAndroids这个开源库)
  4. 主界面 底部菜单栏用RadioGroup实现,上面的内容页都是Fragment.
  5. 圆形头像可参考我的博文  

    【Android】自定义圆形ImageView(圆形头像 可指定大小)

在做这个项目的过程中,感觉侧滑菜单的那个背景实现非常巧妙! 开始我捣鼓了很很久就是达不到那个效果,偶尔的机会看到QQ的apk中有一张.9.png 的背景图,然后就搞定了~  原来它这个背景是利用一张上部透明的.9图片+一张png图片叠加而成的.我们只要把.9的作为外部布局,png图片作为内部布局的背景图就可以了.

侧滑菜单的菜单项貌似应该使用ListView实现,,开始没注意,我就直接  ImageView+TextView而没用ListView...


几个要注意的点大概如此


完整代码: https://github.com/MummyDing/Mobile-QQ2015_UI  (不要吝啬你的Star哈)

【转载请注明出处】

Author: MummyDing

出处:http://blog.csdn.net/u012560612/article/category/5651761




版权声明:本文为博主原创文章,未经博主允许不得转载。

【Android】高仿QQ 5.0+ UI

标签:qq   qq ui   侧滑菜单   android   

原文地址:http://blog.csdn.net/mummyding/article/details/47708203

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!