- 使用seekbar控件
- 设置seekbar控件图片
- 将图片导入在mipmap中
- 在res文件下创建seekbar_thumb.xml文件
SeekBar控件简介
- 常用属性及操作
- android:max=“100” //滑动条的最大值
- android:progress=“60” //滑动条的当前值
- android:thumb="@mipmap/sb_icon"//滑块的drawable
- 属性值通过get和set方法进行获取和设置即可
int getMax()://返回进度条的上限值
int getProgress()://返回进度条的当前进度(注意是int,不是百分比)
void setMax(int max):设置进度条取值范围的上限,进度条的取值范围将是0~max
void setProgress(int progress):设置当前的进度。参数progress表示指定的进度条
void incrementProgressBy(int diff):增加指定数量的进度条。参数diff为增加的进度条。
-
监听事件
- void setOnSeekBarChangeListener(SeekBar.OnseekBarChangeListener l):设置SeekBar监听器。
- 接口必须实现三个方法:
- onProgressChanged:进度发送改变时会触发
- onStartTrackingTouch: 按住SeekBar时会触发,开始拖动时
- onStopTrackingTouch:放开SeekBar时触发,结束拖动时
-
定制SeekBar的拖动快
-
通过XML设置:
-
<SeekBar android:id="@id/seekBar1" android:layout_width="match_parent" android:layout_height="wrap_content" android:thumb="@drawable/seekbar_thumb"/>
-
通过代码设置:
- m_seekbar.setThumb(getResources().getDrawable(R.drawable.seekbar_thumb,null));
-
-
DemoSeekbar.java
package com.zhy.thread_baidu;
import android.os.Bundle;
import android.widget.SeekBar;
import android.widget.TextView;
import androidx.appcompat.app.AppCompatActivity;
/**
* seekBar基本应用
* 定制Seekbar的拖动块
*/
public class DemoSeekbar extends AppCompatActivity {
private SeekBar m_seekbar;
private TextView m_textview;
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.layout_seekbar);
m_seekbar=(SeekBar) findViewById(R.id.seekBar1);//获取控件,并进行强制类型转
m_textview=(TextView) findViewById(R.id.textView1);
m_seekbar.setMax(100); //设置进度条最大值
//设置图标
m_seekbar.setThumb(getResources().getDrawable(R.drawable.seekbar_thumb,null));
//SeekBar拖动进度条的使用及事件监听
m_seekbar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
@Override
public void onProgressChanged(SeekBar seekbar, int progress, boolean fromUser) {
// TODO Auto-generated method stub
//当前进度:
m_textview.setText("当前进度:"+progress);
}
@Override
public void onStopTrackingTouch(SeekBar seekbar) {
// TODO Auto-generated method stub
//拖动停止
m_textview.setText("stop drag...");
}
@Override
public void onStartTrackingTouch(SeekBar seekbar) {
// TODO Auto-generated method stub
//拖动开始
m_textview.setText("begin drag...");
}
});
}
}//public class DemoSeekbar extends AppCompatActivity
layout_seekbar.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<SeekBar
android:id="@+id/seekBar1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="TextView" />
</LinearLayout>
drawable/seekbar_thumb.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="@mipmap/seekbar_thumb_pressed"/>
<!-- 设置进度条图标(拖动时)-->
<item android:state_pressed="false" android:drawable="@mipmap/seekbar_thumb_normal"/>
</selector>
layout_seekbar.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<SeekBar
android:id="@+id/seekBar1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="TextView" />
</LinearLayout>