Android 自定义seekbar背景

原创

mob64ca12de62a6 2023-09-28 08:16:00 ©著作权

文章标签 自定义 xml Android 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob64ca12de62a6的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android自定义SeekBar背景

引言

SeekBar是Android开发中常用的一个控件，用于实现滑动条功能。默认情况下，SeekBar的背景是一个灰色的条形，但是我们可以通过自定义SeekBar的背景来实现更加个性化的效果。本文将介绍如何自定义SeekBar的背景，并提供代码示例供读者参考。

实现步骤

1. 创建自定义的Drawable

首先，我们需要创建一个自定义的Drawable来作为SeekBar的背景。在res目录下创建一个名为seekbar_background.xml的文件，并添加以下代码：

<shape xmlns:android="
    <corners android:radius="10dp" />
    <solid android:color="#FF4081" />
</shape>

在上述代码中，我们使用shape标签创建一个矩形形状，并设置了圆角和背景颜色。

2. 在布局文件中使用自定义SeekBar

在布局文件中使用SeekBar时，将android:progressDrawable属性设置为自定义的Drawable，如下所示：

<SeekBar
    android:id="@+id/seekbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:progressDrawable="@drawable/seekbar_background" />

3. 设置SeekBar的进度

在代码中获取SeekBar实例，并使用setProgress()方法设置SeekBar的进度。

SeekBar seekBar = findViewById(R.id.seekbar);
seekBar.setProgress(50);

在上述代码中，我们使用findViewById()方法获取SeekBar的实例，并通过setProgress()方法设置SeekBar的进度为50%。

示例

下面是一个完整的示例，展示了如何自定义SeekBar的背景：

<RelativeLayout xmlns:android="
    xmlns:tools="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp"
    tools:context=".MainActivity">

    <SeekBar
        android:id="@+id/seekbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:progressDrawable="@drawable/seekbar_background" />

</RelativeLayout>

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        SeekBar seekBar = findViewById(R.id.seekbar);
        seekBar.setProgress(50);
    }
}