学习duilib界面库有一段时间了,除了仓鼠软件共享以外还没用它开发过什么完整的软件项目。今天看到酷狗音乐播放器做得不错,经过几年的改革,酷狗现在的UI已经相当不错了。在这个假期,我决定做一个仿酷狗音乐播放器,模仿酷狗的软件界面,并加入基本的音乐播放功能,在QQ空间写出开发日志以作记录~~
首先分析一下酷狗播放器的界面布局。很简单明了的布局方式,我把它先大致分为3部分,在Firework里贴上酷狗的软件的截图,然后使用切片工具对三部分进行精确分割,得到这三个部分的的大小和坐标,然后编写到xml文件里。
在duilib的布局里,根容器肯定是一个纵向布局VerticalLayout,然后,放置三个横向布局HorizontalLayout,一个HorizontalLayout是标题栏。其中又包含了工具栏,播放控制按钮,菜单栏等细分元素。
第二个HorizontalLayout是播放器的主体部分。这部分从左到右又可以分为三小部分,最左侧是切换到不同页面的Tab布局,中间是音乐列表,最后变是音乐搜索的页面,也属于Tab布局。
第三个 HorizontalLayout是播放器的状态栏,这个布局里包含一些提示信息,比较简单。
这是今天做出来的效果:
2014.7.13 18:31 Redrain