android SeekBar 的基本应用和自定义SeekBar

SeekBar 的基本应用:

1.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    tools:context=".MainActivity" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" 
        android:layout_weight="3"
        >

        <SeekBar
            android:id="@+id/seekbar"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" />

        <TextView
            android:id="@+id/text"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" />
    </LinearLayout>
    
      <TextView
            android:id="@+id/text"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" 
            android:layout_weight="2"
            android:background="#ff0000"
            />

</LinearLayout>

2.Activity

 

package com.example.test;

import android.app.Activity;
import android.os.Bundle;
import android.text.method.ScrollingMovementMethod;
import android.widget.SeekBar;
import android.widget.TextView;

public class MainActivity extends Activity {
	private SeekBar seekbar=null;
	private TextView text=null;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);
	this.seekbar=(SeekBar) super.findViewById(R.id.seekbar);
	this.text=(TextView) super.findViewById(R.id.text);
	//设置文本可以滚动
	this.text.setMovementMethod(ScrollingMovementMethod.getInstance());
	this.seekbar.setOnSeekBarChangeListener(new OnSeekBarChangeListenerImp());
	}

	private class OnSeekBarChangeListenerImp implements SeekBar.OnSeekBarChangeListener{

	//触发操作，拖动
	public void onProgressChanged(SeekBar seekBar, int progress,
	boolean fromUser) {
	MainActivity.this.text.append("正在拖动,当前值:"+seekBar.getProgress()+"\n");
	}

	//表示进度条刚开始拖动，开始拖动时候触发的操作
	public void onStartTrackingTouch(SeekBar seekBar) {
	MainActivity.this.text.append("开始拖动,当前值:"+seekBar.getProgress()+"\n");
	}

	//停止拖动时候
	public void onStopTrackingTouch(SeekBar seekBar) {
	// TODO Auto-generated method stub
	MainActivity.this.text.append("停止拖动,当前值:"+seekBar.getProgress()+"\n");
	}
	}
	}

以上就是SeekBar的基本应用...

自定义SeekBar:

首先是图片的准备：

bar_dn.png：

 

bar_up.png：

 

thumb_dn.png：

thumb_up.png：

 1.在res/drawable , 创建一个bg_bar.xml , 作为SeekBar的进度条的背景.

  

<?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/bar_dn" />
	<!-- 第二进度图 -->
	<item android:id="@+android:id/SecondaryProgress" android:drawable="@drawable/bar_dn" />
	<!-- 进度度 -->
	<item android:id="@+android:id/progress" android:drawable="@drawable/bar_up" />
</layer-list>

 2.在res/drawable,创建一个thumb_bar.xml , 作为SeekBar的拖动按钮 .

 

<?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_dn" />

	<!-- 焦点状态 -->
	<item android:state_focused="true"
		android:drawable="@drawable/thumb_up" />
	
	<!-- 默认状态 -->
	<item android:drawable="@drawable/thumb_up" />  
	
</selector> 

3. 接下来就是layout布局文件了，seek_bar_test.xml:

 

<LinearLayout 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:orientation="vertical" >
	
    <TextView
        android:id="@+id/tv_def"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/text_def" />
    
    <!-- 
        max=100,代表它的取值范围是0-100,共101个值;
        progress=10,代表默认值是10  
    -->
    <SeekBar
        android:id="@+id/seekbar_def"
        android:layout_width="620px"
        android:layout_height="wrap_content"
        android:max="100"
        android:progress="10"
        />
    
    <TextView
        android:id="@+id/tv_self"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/text_self" />
    
    <!-- 
        max=100,代表它的取值范围是0-100,共101个值;
        progress=20,代表默认值是20
        progressDrawable,表示SeekBar的背景图片
        thumbe,表示SeekBar的滑块图片  
    -->
    <SeekBar
		android:id="@+id/seekbar_self"
		android:layout_width="620px"  
        android:layout_height="wrap_content"
        android:max="100"
        android:progress="20"
        android:progressDrawable="@drawable/bg_bar"  
        android:thumb="@drawable/thumb_bar" /> 
    
</LinearLayout>

4. Activity中的应用：

 

package com.skywang.control;

import android.os.Bundle;
import android.app.Activity;
import android.util.Log;
import android.widget.TextView;
import android.widget.SeekBar;
import android.widget.SeekBar.OnSeekBarChangeListener;

public class SeekBarTest extends Activity implements SeekBar.OnSeekBarChangeListener{
	private static final String TAG = "SKYWANG";

	// 与“系统默认SeekBar”对应的TextView
	private TextView mTvDef;
	// 与“自定义SeekBar”对应的TextView
	private TextView mTvSelf;
	// “系统默认SeekBar”
	private SeekBar mSeekBarDef;
	// “自定义SeekBar”
	private SeekBar mSeekBarSelf;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.seek_bar_test);
		
		// 与“系统默认SeekBar”对应的TextView
		mTvDef = (TextView) findViewById(R.id.tv_def);
		// “系统默认SeekBar”
		mSeekBarDef = (SeekBar) findViewById(R.id.seekbar_def);
		mSeekBarDef.setOnSeekBarChangeListener(this);

		// 与“自定义SeekBar”对应的TextView
		mTvSelf = (TextView) findViewById(R.id.tv_self);
		// “自定义SeekBar”
		mSeekBarSelf = (SeekBar) findViewById(R.id.seekbar_self);
		mSeekBarSelf.setOnSeekBarChangeListener(this);
	}	
	
	/*
	 * SeekBar停止滚动的回调函数
	 */
    @Override
    public void onStopTrackingTouch(SeekBar seekBar) {
    	
    }

    /*
     * SeekBar开始滚动的回调函数
     */
    @Override
    public void onStartTrackingTouch(SeekBar seekBar) {

    }

    /*
     * SeekBar滚动时的回调函数
     */
    @Override
    public void onProgressChanged(SeekBar seekBar, int progress,
            boolean fromUser) {
    	Log.d(TAG, "seekid:"+seekBar.getId()+", progess"+progress);
    	switch(seekBar.getId()) {
	    	case R.id.seekbar_def:{
	    		// 设置“与系统默认SeekBar对应的TextView”的值
	        	mTvDef.setText(getResources().getString(R.string.text_def)+" : "+String.valueOf(seekBar.getProgress()));
	    		break;
	    	}
	    	case R.id.seekbar_self: {
	    		// 设置“与自定义SeekBar对应的TextView”的值	    		
	        	mTvSelf.setText(getResources().getString(R.string.text_self)+" : "+String.valueOf(seekBar.getProgress()));
	    		break;
	    	}
	    	default:
	    		break;
    	}
    }
}