仿酷狗音乐播放器开发日志四——标题栏和状态栏的完善

 目前已经做好的效果图如下:

仿酷狗音乐播放器开发日志四——标题栏和状态栏的完善_第1张图片

    现在要把标题栏的最后一部分,分类按钮们加上,即
 仿酷狗音乐播放器开发日志四——标题栏和状态栏的完善_第2张图片

    首先还是利用QQ截图的自定选定窗体大小的功能把酷狗截图粘贴到Firework里,然后对相应的控件的坐标和大小进行定位。
仿酷狗音乐播放器开发日志四——标题栏和状态栏的完善_第3张图片
     分类按钮们这部分的高度为115 - 39 = 76,每个按钮元素的高度为50,那么确定控件上边距为16,下边距为10。然后对控件的位置进行微调,在xml里编写相关代码,效果如下,目前整个标题栏应该是和原版酷完全一样的。
仿酷狗音乐播放器开发日志四——标题栏和状态栏的完善_第4张图片

     接下来我先把软件的状态栏也就是第三大部分做完,最后做主体部分
    第三部分的状态栏按钮很少,主按钮只有4个,状态栏高度为30,其中的按钮的高度也是30,确定好间距,很容易做出来,其中有两个广告图标我就不做了,这是原软件图和仿照的图:

    原图:
 
    仿照的软件:


    最后贴一下目前完成的效果图:
 仿酷狗音乐播放器开发日志四——标题栏和状态栏的完善_第5张图片

2014.715 10:43  Redrain

 

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