码迷,mamicode.com
首页 > 其他好文 > 详细

一个简单SeekBar样式的例子

时间:2018-07-24 16:01:39      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:maxheight   属性   定义   com   填充   rap   raw   ble   die   

SeekBar在布局中的使用:

 

  <SeekBar
        android:layout_width="300px"
        android:layout_height="wrap_content"
        android:minHeight="10px"<!--定义进度条的高,不包括thumb的高-->
        android:maxHeight="10px"<!--定义进度条的高,不包括thumb的高-->
        android:thumbOffset="5px"<!--定义thumb偏移量,有时候如果thumb被挡住没有显示出来的时候,需要设置偏移量-->
        android:progressDrawable="@drawable/seekbar_sel"<!--定义SeekBar样式的事情都在这里做了-->
        android:thumb="@drawable/thumb"/><!--定义thumb的图片-->

 

SeekBar样式的定义:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/background"><!--背景的样式-->
        <shape><!--定义shape属性-->
            <corners android:radius="3px"/><!--定义圆角的半径-->
            <solid android:color="@android:color/darker_gray"/><!--填充的颜色-->
        </shape>
    </item>

    <item android:id="@android:id/secondaryProgress"><!--第二层进度条的样式-->
        <clip>
            <shape><!--定义shape属性-->
                <corners android:radius="5px"/><!--定义圆角的半径-->
                <gradient
                    android:endColor="@android:color/white"
                    android:startColor="@android:color/black"/><!--渐变的情况-->
            </shape>
        </clip>
    </item>

    <item android:id="@android:id/progress"><!--第一层进度条的样式-->
        <clip>
            <shape><!--定义shape属性-->
                <corners android:radius="5px"/><!--定义圆角的半径-->
                <!--渐变的情况-->
                <gradient
                    android:endColor="@android:color/white"<!--渐变结束时候的颜色-->
                    android:startColor="@android:color/black"/><!--渐变开始时候的颜色-->
            </shape>
        </clip>
    </item>
</layer-list>

 

一个简单SeekBar样式的例子

标签:maxheight   属性   定义   com   填充   rap   raw   ble   die   

原文地址:https://www.cnblogs.com/luozha/p/9360009.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!