一个简单的自定义SeekBar样式

自定义SeekBar的Xml文件

<!-- 背景 -->
<item android:id="@android:id/background">
    <shape>
     <!-- 圆角 -->
        <corners android:radius="5dip" />
        <gradient
            android:angle="270"   //渐变的角度
            android:centerColor="#ff535353" //渐变中间的颜色值
            android:centerY="0.75"        //渐变中心Y点坐标的相对位置
            android:endColor="#ff535353"  //渐变结束的颜色值
            android:startColor="#ff535353" />  //渐变起始的颜色值
    </shape>
</item>
<!-- 第二进度条 -->
<!--
<item android:id="@android:id/secondaryProgress">
    <clip>
        <shape>
            <corners android:radius="5dip" />

            <gradient
                android:angle="270"
                android:centerColor="#ffffcc00"
                android:centerY="0.75"
                android:endColor="#ffffcc00"
                android:startColor="#ffffcc00" />
        </shape>
    </clip>
</item>
-->
<!-- 第一进度条 -->
<item android:id="@android:id/progress">
    <clip>
        <shape>
            <corners android:radius="5dip" />

            <gradient
                android:angle="270"
                android:centerColor="#ffffcc00"
                android:centerY="0.75"
                android:endColor="#ffffcc00"
                android:startColor="#ffffcc00" />
        </shape>
    </clip>
</item>


这里写图片描述

接下来就是SeerkBar定义了

<SeekBar
            android:id="@+id/ribbon_speed_seekbar"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:progress="30"  
            android:progressDrawable="@drawable/seekbar_progress"
            android:thumb="@drawable/seekbar_thumb" />//定义滑块

非常简单,看来还是需要多写。加油!!!

angle对应值的起点如图:
这里写图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值