Android下修改SeekBar样式

SeekBar配置文件：

 <SeekBar      android:id="@+id/player_seekbar"     android:layout_width="245px"     android:layout_height="25px"     android:progressDrawable="@drawable/seekbar_style"     android:thumb="@drawable/thumb"     android:paddingLeft="16px"     android:paddingRight="15px"     android:paddingTop="5px"        android:paddingBottom="5px"        android:progress="0"        android:max="0"        android:secondaryProgress="0"        />

android:progressDrawable="@drawable/seekbar_style"背景条

seekbar_style配置如下:

<?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>             <corners android:radius="5dip" />             <gradient                     android:startColor="#ff9d9e9d"                     android:centerColor="#ff5a5d5a"                     android:centerY="0.75"                     android:endColor="#ff747674"                     android:angle="270"             />         </shape>     </item>     <item android:id="@android:id/secondaryProgress">         <clip>             <shape>                 <corners android:radius="5dip" />                 <gradient                         android:startColor="#80ffd300"                         android:centerColor="#80ffb600"                         android:centerY="0.75"                         android:endColor="#a0ffcb00"                         android:angle="270"                 />             </shape>         </clip>     </item>     <item android:id="@android:id/progress">         <clip>             <shape>                 <corners android:radius="5dip" />                 <gradient                         android:startColor="#ff0099CC"                         android:centerColor="#ff3399CC"                         android:centerY="0.75"                         android:endColor="#ff6699CC"                         android:angle="270"                 />             </shape>         </clip>     </item> </layer-list>

或者：用图片如下：

<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android">    <item android:id="@android:id/background"       android:drawable="@drawable/progress_bg" />     <item android:id="@android:id/secondaryProgress"      android:drawable="@drawable/second_progress"></item><item android:id="@android:id/progress"      android:drawable="@drawable/first_progress">    </item> </layer-list>

方形

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">     <item android:id="@android:id/background"     android:drawable="@drawable/progress_bg" />     <item android:id="@android:id/secondaryProgress">      <clip android:drawable="@drawable/second_progress" />     </item>     <item android:id="@android:id/progress">          <clip android:drawable="@drawable/first_progress" />     </item> </layer-list>

android:thumb="@drawable/thumb"就是那个会动的球

配置如下：

<?xml version="1.0" encoding="UTF-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">         <!-- 按下状态--><item android:state_focused="true" android:state_pressed="true" android:drawable="@drawable/thumb_pressed" />     <!-- 普通无焦点状态 --><item android:state_focused="false" android:state_pressed="false"android:drawable="@drawable/thumb_normal" />           <!-- 有焦点状态--><item android:state_focused="true" android:state_pressed="false"           android:drawable="@drawable/thumb_focused" />      <!-- 有焦点 --><item android:state_focused="true"           android:drawable="@drawable/thumb_focused" />  </selector>

更多相关文章

随机推荐