仿酷狗音乐播放器开发日志——整体框架分析
2014-07-26 15:34
232 查看
转载请说明出处,谢谢~~
学习duilib界面库有一段时间了,除了仓鼠软件共享以外还没用它开发过什么完整的软件项目。今天看到酷狗音乐播放器做得不错,经过几年的改革,酷狗现在的UI已经相当不错了。在这个假期,我决定做一个仿酷狗音乐播放器,模仿酷狗的软件界面,并加入基本的音乐播放功能,在QQ空间写出开发日志以作记录~~
首先分析一下酷狗播放器的界面布局。
很简单明了的布局方式,我把它先大致分为3部分,在Firework里贴上酷狗的软件的截图,然后使用切片工具对三部分进行精确分割,得到这三个部分的的大小和坐标,然后编写到xml文件里。
在duilib的布局里,根容器肯定是一个纵向布局VerticalLayout,然后,放置三个横向布局HorizontalLayout,一个HorizontalLayout是标题栏。其中又包含了工具栏,播放控制按钮,菜单栏等细分元素。
第二个HorizontalLayout是播放器的主体部分。这部分从左到右又可以分为三小部分,最左侧是切换到不同页面的Tab布局,中间是音乐列表,最后变是音乐搜索的页面,也属于Tab布局。
第三个 HorizontalLayout是播放器的状态栏,这个布局里包含一些提示信息,比较简单。
这是今天做出来的效果:
2014.7.13 18:31 Redrain
学习duilib界面库有一段时间了,除了仓鼠软件共享以外还没用它开发过什么完整的软件项目。今天看到酷狗音乐播放器做得不错,经过几年的改革,酷狗现在的UI已经相当不错了。在这个假期,我决定做一个仿酷狗音乐播放器,模仿酷狗的软件界面,并加入基本的音乐播放功能,在QQ空间写出开发日志以作记录~~
首先分析一下酷狗播放器的界面布局。
很简单明了的布局方式,我把它先大致分为3部分,在Firework里贴上酷狗的软件的截图,然后使用切片工具对三部分进行精确分割,得到这三个部分的的大小和坐标,然后编写到xml文件里。
在duilib的布局里,根容器肯定是一个纵向布局VerticalLayout,然后,放置三个横向布局HorizontalLayout,一个HorizontalLayout是标题栏。其中又包含了工具栏,播放控制按钮,菜单栏等细分元素。
第二个HorizontalLayout是播放器的主体部分。这部分从左到右又可以分为三小部分,最左侧是切换到不同页面的Tab布局,中间是音乐列表,最后变是音乐搜索的页面,也属于Tab布局。
第三个 HorizontalLayout是播放器的状态栏,这个布局里包含一些提示信息,比较简单。
这是今天做出来的效果:
2014.7.13 18:31 Redrain
相关文章推荐
- 仿酷狗音乐播放器开发日志——整体框架分析
- 仿酷狗音乐播放器开发日志——整体框架分析
- PC Camera开发日志(二)------ 流行Camera APP比较分析
- PC Camera开发日志(十一)------ TTPLAYER UI 分析
- SDL实现overlay方式双屏显示的应用流程分析(thinkvd开发日志)
- Silverlight企业应用快速开发平台框架设计(二)分析-平台实现重点是什么,要怎么做?
- linux XFRM整体框架简单分析
- mos开发系列教七:框架分析
- log4net 框架系列:Log4net源码分析 日志输出机制
- 网络服务器开发框架spserver源码分析 (一)
- 优秀的轻量级网络开发框架spserver源码分析(二)
- SQL Server日志分析程序开发思路
- 开发框架--分析Tomcat下中文的彻底解决
- AS3 RPG游戏引擎开发日志2:理解分析RPG游戏
- CRM开发框架分析
- 网络服务器开发框架spserver源码分析 (二)
- PC Camera 开发日志(三)------ 从安装文件后文件反向分析APP
- 开发框架:JDO技术分析及企业应用研究
- ASP.NET企业开发框架IsLine FrameWork系列之八--AppLogProvider日志框架(下)
- linux XFRM整体框架简单分析