Android自定義可拖動進度條__SeekBar

Android裡自帶的進度條滿足不了我們的需求，在這篇文章中，我們拖動的滑塊為自定義的一張圖檔，背景也是自己定義的，廢話不多說，先上效果圖：

1.先在project的drawable下定義一個layer-list的xml檔案作為背景

<?xml version="1.0" encoding="utf-8"?>

<item android:id="@android:id/background">
    <shape>
        <corners android:radius="60dp" />

        <gradient
            android:angle="0"
            android:centerColor="#F39801"
            android:centerY="0.20"
            android:endColor="#F39801"
            android:startColor="#F39801" />
    </shape>
</item>
           

2.在布局中定義seekbar

<RelativeLayout

android:layout_width=“match_parent”

android:layout_height=“match_parent”

>

        <SeekBar

            android:id="@+id/seekbar"
            android:layout_width="370dp"
            android:layout_height="40dp"

            android:max="100"
            android:progress="50"
            android:maxHeight="10dp"
            android:minHeight="10dp"
            android:thumbOffset="0dp"

            android:layout_marginTop="50dp"
            android:layout_centerHorizontal="true"
            android:thumb="@mipmap/yuan"
            android:progressDrawable="@drawable/seekbar_img"
            />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="關閉"
            android:layout_marginTop="85dp"
            android:layout_marginLeft="15dp"
            />
        <TextView
            android:id="@+id/tv_window_date"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="50%"
            android:layout_marginTop="85dp"
            android:layout_centerHorizontal="true"
            />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="打開"
            android:layout_alignParentRight="true"
            android:layout_marginTop="85dp"
            android:layout_marginRight="15dp"
            />
           

3.對進度條設定滑動監聽

package com.example.atry.test;

import android.os.Bundle;

import android.support.v7.app.ActionBar;

import android.support.v7.app.AppCompatActivity;

import android.widget.SeekBar;

import android.widget.TextView;

public class WindowActivity extends AppCompatActivity implements SeekBar.OnSeekBarChangeListener {

//布局的seekbar

private SeekBar seekBar;

//這個為布局中改變的數字

private TextView tv_window_date;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_window);

tv_window_date = findViewById(R.id.tv_window_date);
    seekBar = findViewById(R.id.seekbar);
    seekBar.setOnSeekBarChangeListener(this);

}

@Override
public void onProgressChanged(SeekBar seekBar, int i, boolean b) {

    tv_window_date.setText(i+"%");
}

@Override
public void onStartTrackingTouch(SeekBar seekBar) {

}

@Override
public void onStopTrackingTouch(SeekBar seekBar) {

}
           

}

ok，完成