Android控件之SeekBar的用法总结

Android控件之SeekBar的用法总结,第1张

概述1SeekBar简介SeekBar是进度条。我们使用进度条时,可以使用系统默认的进度条;也可以自定义进度条的图片和滑块图片等。

1 Seekbar简介

Seekbar是进度条。我们使用进度条时,可以使用系统默认的进度条;也可以自定义进度条的图片和滑块图片等。

2 Seekbar示例

创建一个activity,包含2个Seekbar。

第1个Seekbar是系统默认的Seekbar。

第2个Seekbar是自定义Seekbar,使用自定义的背景图和滑块图片。

应用层代码

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;    }  }}

代码说明:

要监听Seekbar的滑动消息,通过实现“Seekbar.OnSeekbarchangelistener”接口。这个接口中包含3个方法onStartTrackingtouch()、onStopTrackingtouch()和onProgressChanged()。

layout文件

<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,共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>

自定义Seekbar的背景定义为:androID:progressDrawable="@drawable/bg_bar"。

它调用的bg_bar.xml的内容如下:

<?xml version="1.0" enCoding="utf-8"?><@R_950_3419@ 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" /></@R_950_3419@>

bar_dn.png如下图:

@H_404_48@

bar_up.png如下图:

自定义Seekbar的滑块定义为:androID:thumb="@drawable/thumb_bar"。

它调用的thumb_bar.xml的内容如下:

<?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> 

thumb_up.png如下图:

thumb_dn.png如下图:

manifest文件

<?xml version="1.0" enCoding="utf-8"?><manifest xmlns:androID="http://schemas.androID.com/apk/res/androID"  package="com.skywang.control"  androID:versionCode="1"  androID:versionname="1.0" >  <uses-sdk    androID:minSdkVersion="8"    androID:targetSdkVersion="17" />  <application    androID:allowBackup="true"    androID:icon="@drawable/ic_launcher"    androID:label="@string/app_name"    androID:theme="@style/Apptheme" >    <activity      androID:name="com.skywang.control.SeekbarTest"      androID:label="@string/app_name" >      <intent-filter>        <action androID:name="androID.intent.action.MAIN" />        <category androID:name="androID.intent.category.LAUNCHER" />      </intent-filter>    </activity>  </application></manifest>

点击下载:源代码

运行效果:如图

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程小技巧。

总结

以上是内存溢出为你收集整理的Android控件之SeekBar的用法总结全部内容,希望文章能够帮你解决Android控件之SeekBar的用法总结所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1147275.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存