SeekBar自定义(颜色,大小,图片)

最新推荐文章于 2021-05-26 12:54:23 发布

dp1234

最新推荐文章于 2021-05-26 12:54:23 发布

阅读量2.4k

点赞数

分类专栏： android android view 文章标签： android encoding layout bt 图形 import

android 同时被 2 个专栏收录

46 篇文章

订阅专栏

android view

12 篇文章

订阅专栏

本文详细介绍了如何通过XML布局文件自定义SeekBar控件的样式，包括背景色、拖动按钮样式以及进度变化时的颜色变化。通过提供两个实例，展示了如何使用属性和XML资源来定制SeekBar的外观和行为，从而实现个性化进度条效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

要实现下面图的效果

import android.os.Bundle;

/**
* Seekbar 自定义
* 颜色
* @author Andy
*
*/
public class TestSeekBar extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
  // TODO Auto-generated method stub
  super.onCreate(savedInstanceState);
  this.setContentView(R.layout.main);
}

}

方法一:

-----------------------

main.xml

<SeekBar android:id="@android:id/progress"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="fill_parent"
        android:layout_height="23dip"
        android:paddingLeft="25dip"
        android:paddingRight="25dip"
        android:paddingBottom="4dip"

android:progressDrawable="@drawable/seekbar_style"
android:thumb="@drawable/thumb" />

---------------------------------------

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    
    <item
        android:state_pressed="true"
        android:drawable="@drawable/thumb_bt_pressed" />

    
    <item
        android:state_focused="false"
        android:state_pressed="false"
        android:drawable="@drawable/thumb_bt" />

</selector>

----------------------------------------------

<?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="10dip" />
         <gradient
             android:startColor="#ffffffff"
             android:centerColor="#ff000000"
             android:endColor="#ff808A87"
             android:centerY="0.45"
             android:angle="270"/>
      </shape>
   </item>
      
   <item android:id="@android:id/progress">
       <clip>
          <shape>
              <corners android:radius="10dip" />
              <gradient
                  android:startColor="#ffffffff"
                  android:centerColor="#ffFFFF00"
                  android:endColor="#ffAABD00"
                  android:centerY="0.45"
                  android:angle="270"/>
          </shape>
       </clip>
   </item>
</layer-list>

方法二:

直接定义图片:


<SeekBar
    android:id="@+id/seekbar"

    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:max="20"
    android:progress="0"
    android:secondaryProgress="0"
    android:paddingLeft="32px"
    android:paddingRight="32px"
    android:progressDrawable="@drawable/seekbar_img"
    android:thumb="@drawable/thumb"
    />

-------------------------------------------------------------

<?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/seekbar_bg" />
    
<item
    android:id="@+android:id/SecondaryProgress"
    android:drawable="@drawable/seekbar_rawbcon" />
    
<item
    android:id="@+android:id/progress"
    android:drawable="@drawable/progress_cookedbacon" />
</layer-list>