Android控件之SeekBar

Android控件之SeekBar

2021-12-07 14:00 Android开发封面图

<p>1 SeekBar简介</p><p>SeekBar是进度条。我们使用进度条时，可以使用系统默认的进度条；也可以自定义进度条的图片和滑块图片等。</p><p>2 SeekBar示例</p><p>创建一个activity，包含2个SeekBar。</p><p>第1个SeekBar是系统默认的SeekBar。</p><p>第2个SeekBar是自定义SeekBar，使用自定义的背景图和滑块图片。</p><p>应用层代码</p><p>package com.skywang.control;</p><p>import android.os.Bundle;</p><p>import android.app.Activity;</p><p>import android.util.Log;</p><p>import android.widget.TextView;</p><p>import android.widget.SeekBar;</p><p>import android.widget.SeekBar.OnSeekBarChangeListener;</p><p>public class SeekBarTest extends Activity implements SeekBar.OnSeekBarChangeListener{</p><p> private static final String TAG = "SKYWANG";</p><p> // 与"系统默认SeekBar"对应的TextView</p><p> private TextView mTvDef;</p><p> // 与"自定义SeekBar"对应的TextView</p><p> private TextView mTvSelf;</p><p> // "系统默认SeekBar"</p><p> private SeekBar mSeekBarDef;</p><p> // "自定义SeekBar"</p><p> private SeekBar mSeekBarSelf;</p><p> </p><p> @Override</p><p> protected void onCreate(Bundle savedInstanceState) {</p><p> super.onCreate(savedInstanceState);</p><p> setContentView(R.layout.seek_bar_test);</p><p> </p><p> // 与"系统默认SeekBar"对应的TextView</p><p> mTvDef = (TextView) findViewById(R.id.tv_def);</p><p> // "系统默认SeekBar"</p><p> mSeekBarDef = (SeekBar) findViewById(R.id.seekbar_def);</p><p> mSeekBarDef.setOnSeekBarChangeListener(this);</p><p> // 与"自定义SeekBar"对应的TextView</p><p> mTvSelf = (TextView) findViewById(R.id.tv_self);</p><p> // "自定义SeekBar"</p><p> mSeekBarSelf = (SeekBar) findViewById(R.id.seekbar_self);</p><p> mSeekBarSelf.setOnSeekBarChangeListener(this);</p><p> } </p><p> </p><p> /*</p><p> * SeekBar停止滚动的回调函数</p><p> */</p><p> @Override</p><p> public void onStopTrackingTouch(SeekBar seekBar) {</p><p> </p><p> }</p><p> /*</p><p> * SeekBar开始滚动的回调函数</p><p> */</p><p> @Override</p><p> public void onStartTrackingTouch(SeekBar seekBar) {</p><p> }</p><p> /*</p><p> * SeekBar滚动时的回调函数</p><p> */</p><p> @Override</p><p> public void onProgressChanged(SeekBar seekBar, int progress,</p><p> boolean fromUser) {</p><p> Log.d(TAG, "seekid:"+seekBar.getId()+", progess"+progress);</p><p> switch(seekBar.getId()) {</p><p> case R.id.seekbar_def:{</p><p> // 设置"与系统默认SeekBar对应的TextView"的值</p><p> mTvDef.setText(getResources().getString(R.string.text_def)+" : "+String.valueOf(seekBar.getProgress()));</p><p> break;</p><p> }</p><p> case R.id.seekbar_self: {</p><p> // 设置"与自定义SeekBar对应的TextView"的值 </p><p> mTvSelf.setText(getResources().getString(R.string.text_self)+" : "+String.valueOf(seekBar.getProgress()));</p><p> break;</p><p> }</p><p> default:</p><p> break;</p><p> }</p><p> }</p><p>}</p><p>代码说明：</p><p>要监听SeekBar的滑动消息，通过实现"SeekBar.OnSeekBarChangeListener"接口。这个接口中包含3个方法onStartTrackingTouch()、onStopTrackingTouch()和onProgressChanged()。</p><p>layout文件</p><p><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"</p><p> xmlns:tools="http://schemas.android.com/tools"</p><p> android:layout_width="match_parent"</p><p> android:layout_height="match_parent"</p><p> android:orientation="vertical" ></p><p> </p><p> <TextView</p><p> android:id="@+id/tv_def"</p><p> android:layout_width="wrap_content"</p><p> android:layout_height="wrap_content"</p><p> android:text="@string/text_def" /></p><p> </p><p> </p><p> <SeekBar</p><p> android:id="@+id/seekbar_def"</p><p> android:layout_width="620px"</p><p> android:layout_height="wrap_content"</p><p> android:max="100"</p><p> android:progress="10"</p><p> /></p><p> </p><p> <TextView</p><p> android:id="@+id/tv_self"</p><p> android:layout_width="wrap_content"</p><p> android:layout_height="wrap_content"</p><p> android:text="@string/text_self" /></p><p> </p><p> </p><p> <SeekBar</p><p> android:id="@+id/seekbar_self"</p><p> android:layout_width="620px" </p><p> android:layout_height="wrap_content"</p><p> android:max="100"</p><p> android:progress="20"</p><p> android:progressDrawable="@drawable/bg_bar" </p><p> android:thumb="@drawable/thumb_bar" /></p><p> </p><p></LinearLayout></p><p>自定义SeekBar的背景定义为：android:progressDrawable="@drawable/bg_bar"。</p><p>它调用的bg_bar.xml的内容如下：</p><p><?xml version="1.0" encoding="utf-8"?></p><p><layer-list xmlns:android="http://schemas.android.com/apk/res/android"></p><p> </p><p> <item android:id="@+android:id/background" android:drawable="@drawable/bar_dn" /></p><p> </p><p> <item android:id="@+android:id/SecondaryProgress" android:drawable="@drawable/bar_dn" /></p><p> </p><p> <item android:id="@+android:id/progress" android:drawable="@drawable/bar_up" /></p><p></layer-list></p><p>bar_dn.png如下图：</p><p><img src="/up_pic/201809/021140185592.png" title="021140185592.png" alt="a.png"/></p><p>bar_up.png如下图：</p><p><img src="/up_pic/201809/021140229547.png" title="021140229547.png" alt="b.png"/></p><p>自定义SeekBar的滑块定义为：android:thumb="@drawable/thumb_bar"。</p><p>它调用的thumb_bar.xml的内容如下：</p><p><?xml version="1.0" encoding="UTF-8"?></p><p><selector xmlns:android="http://schemas.android.com/apk/res/android"></p><p> </p><p> <item android:state_pressed="true"</p><p> android:drawable="@drawable/thumb_dn" /></p><p> </p><p> <item android:state_focused="true"</p><p> android:drawable="@drawable/thumb_up" /></p><p> </p><p> </p><p> <item android:drawable="@drawable/thumb_up" /> </p><p> </p><p></selector></p><p>thumb_up.png如下图:</p><p><img src="/up_pic/201809/021140306620.png" title="021140306620.png" alt="1.png"/></p><p>thumb_dn.png如下图：</p><p><img src="/up_pic/201809/021140345275.png" title="021140345275.png" alt="2.png"/></p><p>manifest文件</p><p><?xml version="1.0" encoding="utf-8"?></p><p><manifest xmlns:android="http://schemas.android.com/apk/res/android"</p><p> package="com.skywang.control"</p><p> android:versionCode="1"</p><p> android:versionName="1.0" ></p><p> <uses-sdk</p><p> android:minSdkVersion="8"</p><p> android:targetSdkVersion="17" /></p><p> <application</p><p> android:allowBackup="true"</p><p> android:icon="@drawable/ic_launcher"</p><p> android:label="@string/app_name"</p><p> android:theme="@style/AppTheme" ></p><p> <activity</p><p> android:name="com.skywang.control.SeekBarTest"</p><p> android:label="@string/app_name" ></p><p> <intent-filter></p><p> <action android:name="android.intent.action.MAIN" /></p><p> <category android:name="android.intent.category.LAUNCHER" /></p><p> </intent-filter></p><p> </activity></p><p> </application></p><p></manifest></p><p>点击下载：源代码</p><p>运行效果：如图</p><p><img src="/up_pic/201809/021139057303.jpg" title="021139057303.jpg" alt="3.jpg"/></p>

T:0.007509s,M:215.48 KB