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

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

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

 

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


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



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

     
    第三个 HorizontalLayout是播放器的状态栏，这个布局里包含一些提示信息，比较简单。

 
    这是今天做出来的效果：
 

 

 

 

 
                          2014.7.13 18:31 Redrain