Win8风格的按钮、ToggleButton、SeekBar

首先 建立配色文件 res/values/win8_color.xml

    #FF0097
    #6e155f
    #4eb3b9
    #96b232
    #a05000
    #e671b8
    #de9317
    #1ba1e2
    #e51400
    #339933
    #034888
    #5859b9
    #d54d34
    #260930
    #ffffff
    #666666
    #000000
    
    #FF20b7
    #8e357f
    #6ed3d9
    #b6d252
    #c07020
    #ff91d8
    #feb337
    #3bc1ff
    #ff3420
    #53b953
    #2368a8
    #7879d9
    #f56d54
    #462950

各种颜色的参照在这里

上述配色只用了Win8 Colors

图中 Win8 Colors  第二行的Teal d54d34命名不对 在上述配色文件中更名为Coral

图中 Win8 Colors  第二行的Purple命名重复 更名为Light Purple

disaled被重命名为 Gray

另外添加了字体的颜色用到的白色fff  和黑色000

为了能够有按键响应 除了黑白灰 每个颜色建立了RGB值各加0x20处理 (溢出置为最大)的alt值

Button 

采用的是定义一个Style,定义多个Drawable来实现相同布局不同颜色的按钮

建立res/values/win8_style.xml

在此定义了两个style win8_button_large 和 win8_button_middle 

字体分别为42sp和28sp

字体颜色为白色

有5dip的padding

建立res/drawable/button_win8_blue.xml

默认状态下是蓝色

获取焦点是蓝色浅一点

按下是蓝色浅一点加2DIP宽的灰色边框

其他颜色的按钮只需要将Blue 和Blue_alt分别改为相应颜色

在布局文件中将Button的style设为上述任一种style 

background设为上述任一drawable 即可

 margin设为5dip 可以保证按钮间隔10dip

其他的手动调整吧

SeekBar

在win8_style.xml中添加win8_seekBar

最小高度20dip

进程的图片是 drawable/progress_win8.xml

滑块的图片是  drawable/progress_thumb_win8.xml  或者完全可以使用一个按钮的Drawable文件

滑块在两段不会被隐藏(thumbOffset=0dip)

那么去建立这两个不存在的图片文件吧

新建文件res/drawable/progress_win8.xml

背景是海蓝色 首要进度条为蓝色 次要进度条为绿色

形状是长方形(因为shape默认值是长方形)

这个文件也可以使用在ProgressBar上

新建文件res/drawable/progress_thumb_win8.xml

实际上和按钮文件差不多 按下状态是绿色 焦点灰色 正常白色

高25dip 宽12dip  形状是长方形

使用的时候直接将style设置为win8_seekBar 就行了

ToggleButton

样式

背景图片

最终效果: