仿酷狗音乐播放器开发日志——整体框架分析

转载请说明出处,谢谢~~


学习duilib界面库有一段时间了,除了仓鼠软件共享以外还没用它开发过什么完整的软件项目。今天看到酷狗音乐播放器做得不错,经过几年的改革,酷狗现在的UI已经相当不错了。在这个假期,我决定做一个仿酷狗音乐播放器,模仿酷狗的软件界面,并加入基本的音乐播放功能,在QQ空间写出开发日志以作记录~~

    首先分析一下酷狗播放器的界面布局。


    很简单明了的布局方式,我把它先大致分为3部分,在Firework里贴上酷狗的软件的截图,然后使用切片工具对三部分进行精确分割,得到这三个部分的的大小和坐标,然后编写到xml文件里。



    在duilib的布局里,根容器肯定是一个纵向布局VerticalLayout,然后,放置三个横向布局HorizontalLayout,一个HorizontalLayout是标题栏。其中又包含了工具栏,播放控制按钮,菜单栏等细分元素。
     
    第二个
HorizontalLayout是播放器的主体部分。这部分从左到右又可以分为三小部分,最左侧是切换到不同页面的Tab布局,中间是音乐列表,最后变是音乐搜索的页面,也属于Tab布局。

     
    第三个 
HorizontalLayout是播放器的状态栏,这个布局里包含一些提示信息,比较简单。
 
    这是今天做出来的效果:
 
 
                          2014.7.13 18:31 Redrain
  • 3
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值