昨天做了hover状态下的CMusciListItemUI控件,也就是列表项元素,然后今天还是在Firework里对实际酷狗的软件元素进行定位,然后做了一个被选中状态下的
CMusciListItemUI控件的元素,粗略看一下和原版的效果差不多,如图
下面是原软件效果图
不同状态下的 CMusciListItemUI控件的样式的组合
让CMusciListItem控件继承CContainerListItemElementUI控件,然后需要重写 DoEvent成员函数,在函数里判断控件当前接收鼠标的状态,然后控制自己的显示效果来动态切换到 (普通,hover,down,selected)这四种状态,这样就完成了 CMusciListItem控件的最主要功能。经过代码的修正后 CMusciListItem控件完工。下一篇日志把完整的 CMusciListItem控件效果展示一下。
剩下的工作就是对CMusicListUI控件的修缮,虽然还没开始,但我感觉应该会碰到不少的问题。
下面是原软件效果图
不同状态下的 CMusciListItemUI控件的样式的组合
这样子我已经做好了4中状态下的CMusciListItemUI控件(普通,hover,down,selected),效果分别如下:
所以接下来的工作就是要把这四种状态组合起来,让他成为一个控件,为此我需要把这四种状态的下的列表项的xml文件利用TabLayout布局和visible 属性把他们用技巧结合到一个xml文件里,然后把这个xml文件封装为 CMusciListItemUI控件,让控件默认按照普通状态下的样式来改变自己的外观。
让CMusciListItem控件继承CContainerListItemElementUI控件,然后需要重写 DoEvent成员函数,在函数里判断控件当前接收鼠标的状态,然后控制自己的显示效果来动态切换到 (普通,hover,down,selected)这四种状态,这样就完成了 CMusciListItem控件的最主要功能。经过代码的修正后 CMusciListItem控件完工。下一篇日志把完整的 CMusciListItem控件效果展示一下。
剩下的工作就是对CMusicListUI控件的修缮,虽然还没开始,但我感觉应该会碰到不少的问题。
2014.7.18 8:51 Redrain