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

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


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

    首先分析一下酷狗播放器的界面布局。
仿酷狗音乐播放器开发日志——整体框架分析_第1张图片

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

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

     仿酷狗音乐播放器开发日志——整体框架分析_第4张图片
    第三个 
HorizontalLayout是播放器的状态栏,这个布局里包含一些提示信息,比较简单。
 
    这是今天做出来的效果:
  仿酷狗音乐播放器开发日志——整体框架分析_第5张图片
 
                          2014.7.13 18:31 Redrain

你可能感兴趣的:(播放器)