Android實用筆記——使用SeekBar製做可拖動的進度條

一、介紹：

    SeekBar：聽歌的時候，咱們經常喜歡快進或者快退去聽本身喜歡的片斷；喜歡控制音量到溫馨的大小。SeekBar能夠經過滑塊的位置來標識數值，並且拖動條容許用戶拖動滑塊來改變進度值的大小。

 

二、SeekBar的主要屬性和方法：

    setMax    設置SeekBar的最大值

    setProgress    設置SeekBar當前的數值

    setSecondaryProgress    設置SeekBar的第二數值，即當前拖動條推薦的數值

 

三、SeekBar的事件：

    因爲拖動條能夠被用戶控制。因此須要對其進行事件監聽，這就須要實現SeekBar.OnSeekBarChangeListener接口。此接口共須要監聽三個事件：

    數值變更：（onProgressChanged）

    開始拖動：（onStartTrackingTouch）

    中止拖動：（onStopTrackingTouch）

 

四、自定義SeekBar進度條：

    android:progressDrawable="@drawable/seekbar_img"    改變進度條的樣式

    android:thumb="@drawable/thumb"    改變滑塊的樣式

    具體修改方式和個人另外一篇博文http://my.oschina.net/CoderBleak/blog/718751中改變ProgressBar的方式相同，這裏不做具體闡述，能夠參考上述連接。

    若是遇到樣式文件按Ctrl+鼠標左鍵打不開，那麼咱們能夠在下載的adt的源碼中去查看。

 

五、應用：

    MainActivity.java文件

package com.example.myandroidseekbar;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.SeekBar;
import android.widget.SeekBar.OnSeekBarChangeListener;
import android.widget.TextView;

//2.一、實現接口OnSeekBarChangeListener,實現未實現的方法
public class MainActivity extends Activity implements OnSeekBarChangeListener{
	//第一步、設置SeekBar變量
	//1.一、聲明SeekBar變量
	private SeekBar seekBar;
	//3.二、聲明TextView
	private TextView tv1;
	private TextView tv2;
	
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        //1.二、初始化seekBar
        seekBar=(SeekBar) findViewById(R.id.seekBar);
        //3.二、綁定textView
        tv1=(TextView) findViewById(R.id.tv1);
        tv2=(TextView) findViewById(R.id.tv2);
        
        //第二步、設置監聽器監聽用戶手指拖動改變的狀況
        
        //第三步、修改activity_main.xml文件，設置textView去代表當前seekBar的狀態
        
        //第四步、自定義SeekBar進度條
    }

    //2.二、實現未實現的方法
    //數值改變時會調用
	@Override
	public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
		// TODO Auto-generated method stub
		//3.三、設置下面的textView在數值改變的時候顯示當前的數值
		tv1.setText("正在拖動");
		tv2.setText("當前數值:"+progress);
	}
	//開始拖動時會調用
	@Override
	public void onStartTrackingTouch(SeekBar arg0) {
		// TODO Auto-generated method stub
		tv1.setText("開始拖動");
	}
	//中止拖動會調用
	@Override
	public void onStopTrackingTouch(SeekBar arg0) {
		// TODO Auto-generated method stub
		tv1.setText("中止拖動");
	}
}

    activity_main.xml文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <SeekBar
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/seekBar" 
        android:max="100"
        android:progress="50"/>
    
    <!--3.一、修改activity_main.xml文件，設置textView去代表當前seekBar的狀態  -->
    <TextView 
        android:layout_width="match_parent"
       	android:layout_height="wrap_content"
       	android:id="@+id/tv1"
       	android:layout_below="@+id/seekBar"
        />

    <TextView
        android:id="@+id/tv2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tv1"
         />

</RelativeLayout>

    效果：