用.9图改变SeekBar样式

 

1.布局文件中的SeekBar:
(进度条样式 android:progressDrawable="@drawable/seekbar_bg")

(拖动按钮 android:thumb="@drawable/thumb_bar"  也可配置样式,如按下状态等;)

                 <SeekBar
                        android:id="@+id/my_seekBar"
                        android:layout_width="300dp"
                        android:layout_height="20dp"
                        android:max="100"
                        android:minHeight="10dp"  
                        android:maxHeight="10dp"  
                        android:paddingLeft="8dp"  
                        android:paddingRight="8dp"
                        android:thumbOffset="5dp"
                        android:layout_centerVertical="true"
                          android:progressDrawable="@drawable/seekbar_bg"
                          android:thumb="@drawable/thumb"
                         />
 
 
2.进度条样式文件配置 seekbar_bg.xml:
 
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 


   <!--进度条背景-->
    <item android:id="@+android:id/background" >
        
        <nine-patch android:src="@drawable/bar_dn" />  
    </item>
        
       <!--第二进度-->
    <item android:id="@+android:id/SecondaryProgress" >
          <nine-patch android:src="@drawable/bar_dn" />  
    </item> 


      <!--进度-->
    <item android:id="@+android:id/progress" >
        <clip > 
          <nine-patch android:src="@drawable/bar_up"/>
        </clip>
    </item>
  
</layer-list>


----以上是用.9图的配置,如果直接用图片则可以直接这样配置:

 <layer-list>

   <item 

           android:id="@+android:id/background" 
           android:drawable="@drawable/bar_dn" />

<item 

           android:id="@+android:id/SecondaryProgress" 
           android:drawable="@drawable/bar_dn" />

<item 

            android:id="@+android:id/progress" 
           android:drawable="@drawable/bar_up" />

</layer-list>


3.  拖动按钮 android:thumb="@drawable/thumb"(下图中的小白点)

进度条.9图片(后缀为.9.png)

bar_dn.9.png

bar_up.9.png

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值