Android-UI控件-SeekBar

于 2019-03-07 20:35:59 发布
阅读量435 收藏
点赞数
分类专栏： Android 文章标签： Android UI控件 SeekBar
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Android_xi/article/details/88319962
版权
本文介绍了Android中SeekBar控件的使用，包括如何设置样式、监听事件，并展示了通过SeekBar实现音量调节的实例，详细讲解了xml绘制自定义滑块和进度条的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

拖动条控件SeekBar

SeekBar:允许用户拖动滑块来改变值，因此拖动条通过用

于对系统的某种数值进行调节

Android:thumb 指定一个Drawable对象，该对象将作为自

定义滑块

SeekBar的常见属性

style="@android:style/Widget.SeekBar" 指定seekbar

的样式

android:max=“200” 指定seekbar的最大值为200，默认是

100

android:progress="75"指定seekbar的当前值为75
android:thumb 设置seekbar的滑动块样式
android:progressDrawable 设置seekbar的进度条的样式

其中指定seekbar的当前值，我们也可以通过代码设置，

如：seekBar.setProgress(75);

SeekBar的简单使用与事件监听
1.activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

<android.support.design.widget.CoordinatorLayout

xmlns:android="http://schemas.android.com/apk/res/

android"

xmlns:app="http://schemas.android.com/apk/res-

auto"
xmlns:tools=“http://schemas.android.com/tools”
android:layout_width=“match_parent”
android:layout_height=“match_parent”
android:fitsSystemWindows=“true”

tools:context=“com.example.seekbarui.MainActivity”

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"

android:theme="@style/AppTheme.AppBarOverlay">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width=“match_parent”
android:layout_height="?

attr/actionBarSize"
android:background="?

attr/colorPrimary"

app:popupTheme="@style/AppTheme.PopupOverlay" />

</android.support.design.widget.AppBarLayout>

<include layout="@layout/content_main" />

<android.support.design.widget.FloatingActionButto

n
android:id="@+id/fab"
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_gravity=“bottom|end”
android:layout_margin="@dimen/fab_margin"

android:src="@android:drawable/ic_dialog_map" />

</android.support.design.widget.CoordinatorLayout>

2.content_main.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout

xmlns:android="http://schemas.android.com/apk/res/

android"

xmlns:app="http://schemas.android.com/apk/res-

auto"
xmlns:tools=“http://schemas.android.com/tools”
android:layout_width=“match_parent”
android:layout_height=“match_parent”

android:paddingBottom="@dimen/activity_vertical_ma

rgin"

android:paddingLeft="@dimen/activity_horizontal_ma

rgin"

android:paddingRight="@dimen/activity_horizontal_m

argin"

android:paddingTop="@dimen/activity_vertical_margi

n"

app:layout_behavior="@string/appbar_scrolling_view

_behavior"

tools:context=“com.example.seekbarui.MainActivity”
tools:showIn="@layout/activity_main">
<!–
android:max="":设置最大进度
android:progress=""：设置当前进度
android:secondaryProgress=""：设置第二进度
android:indeterminate=""：设置是否为不明确进度

进度条
android:thumb="":设置seekbar滑动快的图片
android:progressDrawable="":进度条背景图片
android:thumbTint="":滑动块颜色,API21以上才有

效
–>


3.主java类MainActivity.java

package com.example.seekbarui;

import android.os.Bundle;
import

android.support.design.widget.FloatingActionButton

;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.util.Log;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.SeekBar;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends

AppCompatActivity {
private SeekBar seekBar;
private TextView textView;
@Override
protected void onCreate(Bundle

savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//初始化Toolbar
Toolbar toolbar = (Toolbar) findViewById

(R.id.toolbar);
//隐藏Actionbar后将toolbar设置上去替换

Actionbar
setSupportActionBar(toolbar);
//初始化seekbar，TextView
seekBar = (SeekBar) findViewById

(R.id.seekBar);
textView = (TextView) findViewById

(R.id.result);
//seekbar设置监听
seekBar.setOnSeekBarChangeListener(new

SeekBar.OnSeekBarChangeListener() {
/*
* seekbar改变时的事件监听处理
* */
@Override
public void onProgressChanged(SeekBar

seekBar, int progress, boolean fromUser) {
textView.setText("当前进

度："+progress+"%");
Log.d(“debug”,String.valueOf

(seekBar.getId()));
}
/*
* 按住seekbar时的事件监听处理
* */
@Override
public void onStartTrackingTouch

(SeekBar seekBar) {
Toast.makeText(MainActivity.this,"

按住seekbar",Toast.LENGTH_SHORT).show();
}
/*
* 放开seekbar时的时间监听处理
* */
@Override
public void onStopTrackingTouch

(SeekBar seekBar) {
Toast.makeText(MainActivity.this,"

放开seekbar",Toast.LENGTH_SHORT).show();
}
});

    //浮动button实例化
    FloatingActionButton fab =

(FloatingActionButton) findViewById(R.id.fab);
//设置点击监听
fab.setOnClickListener(new

View.OnClickListener() {
@Override
public void onClick(View view) {
Snackbar.make(view, "Replace with

your own action", Snackbar.LENGTH_LONG)
.setAction(“Action”,

null).show();
}
});
}

//创建toolbar菜单
@Override
public boolean onCreateOptionsMenu(Menu menu)

{
// Inflate the menu; this adds items to

the action bar if it is present.
getMenuInflater().inflate

(R.menu.menu_main, menu);
return true;
}

//toolbar菜单选择监听
@Override
public boolean onOptionsItemSelected(MenuItem

item) {
// Handle action bar item clicks here. The

action bar will
// automatically handle clicks on the

Home/Up button, so long
// as you specify a parent activity in

AndroidManifest.xml.
int id = item.getItemId();

    //noinspection SimplifiableIfStatement
    if (id == R.id.action_settings) {
        Toast.makeText

(MainActivity.this,item.getTitle

(),Toast.LENGTH_LONG).show();
return true;
}

    return super.onOptionsItemSelected(item);
}

}

3.图片资源自定义SeekBar+手机音量调节

1.导入滑动块图片(scrubber.png scrubber_focus.png),

进度条就直接xml绘制

2.scrubber_selector.xml

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

3.seekbar_layer.xml(进度条绘制)

<?xml version="1.0" encoding="utf-8"?>

<layer-list

xmlns:android="http://schemas.android.com/apk/res/

android">
<!–

secondaryProgress，progress
cilp标签的作用就是跟随进度逐步显示图片，把图片

分成N份逐个进度显示,避免在拖动过程中进度不走的情况
–>



<stroke android:width=“1dp”

android:color="#8B8378"/>
<corners

android:radius=“1dp”>



<item

android:id="@android:id/secondaryProgress">


<stroke android:width=“1dp”

android:color="#9932CC"/>
<corners

android:radius=“1dp”>







<stroke android:width=“1dp”

android:color="#CD5C5C"/>
<corners

android:radius=“1dp”>



4.主布局activity_second.xml

<?xml version="1.0" encoding="utf-8"?>

<android.support.design.widget.CoordinatorLayout

xmlns:android="http://schemas.android.com/apk/res/

android"

xmlns:app="http://schemas.android.com/apk/res-

auto"
xmlns:tools=“http://schemas.android.com/tools”
android:layout_width=“match_parent”
android:layout_height=“match_parent”
android:fitsSystemWindows=“true”

tools:context="com.example.seekbarui.SecondActivit

y">

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"

android:theme="@style/AppTheme.AppBarOverlay">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar1"
android:layout_width=“match_parent”
android:layout_height="?

attr/actionBarSize"
android:background="?

attr/colorPrimary"

app:popupTheme="@style/AppTheme.PopupOverlay" />

</android.support.design.widget.AppBarLayout>
<SeekBar
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/seekBar2"
    android:layout_marginTop="60dp"
    android:layout_marginBottom="10dp"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:max="100"
    android:secondaryProgress="20"
    android:progress="0"

android:progressDrawable="@drawable/seekbar_layer"

android:thumb="@drawable/scrubber_selector"
android:indeterminate=“false” />

</android.support.design.widget.CoordinatorLayout>

5.主布局java类SecondActivity.java

package com.example.seekbarui;

import android.content.Context;
import android.media.AudioManager;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.view.WindowManager;
import android.widget.SeekBar;
import android.widget.TextView;
import android.widget.Toast;

public class SecondActivity extends

AppCompatActivity {
private SeekBar seekBar;
private TextView textView;
private AudioManager audioManager;
private int currentVolume,maxVolume;
private int volume=0;
@Override
protected void onCreate(Bundle

savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_second);
//初始化seekbar，TextView
seekBar = (SeekBar) findViewById

(R.id.seekBar2);
//初始化AudioManager
audioManager = (AudioManager)

getSystemService(Context.AUDIO_SERVICE);
//获取系统最大音量值
maxVolume

=audioManager.getStreamMaxVolume

(AudioManager.STREAM_SYSTEM);
//将seekBar的最大进度值设置成系统最大音量
seekBar.setMax(maxVolume);
//获取当前音量值
currentVolume =

audioManager.getStreamVolume

(AudioManager.STREAM_SYSTEM);
//设置当前值为进度条当前值
seekBar.setProgress(currentVolume);

    //初始化Toolbar
    Toolbar toolbar = (Toolbar) findViewById

(R.id.toolbar1);
//隐藏Actionbar后将toolbar设置上去替换

Actionbar
setSupportActionBar(toolbar);
//seekbar设置监听
seekBar.setOnSeekBarChangeListener(new

SeekBar.OnSeekBarChangeListener() {
/*
* seekbar改变时的事件监听处理
* */
@Override
public void onProgressChanged(SeekBar

seekBar, int progress, boolean fromUser) {
//设置拖动的进度值为系统音量
audioManager.setStreamVolume

(AudioManager.STREAM_SYSTEM,progress,0);
//获取当前音量
currentVolume =

audioManager.getStreamVolume

(AudioManager.STREAM_SYSTEM);
//设置当前音量
seekBar.setProgress

(currentVolume);
/* //获取屏幕属性
WindowManager.LayoutParams

layoutParams = getWindow().getAttributes();
//设置屏幕亮度
layoutParams.screenBrightness =

((float)seekBar.getProgress())/100;
Log.d

(“debug”,layoutParams.screenBrightness+"");
Log.d(“deb”,seekBar.getProgress

()+"");
//更新窗口属性
getWindow().setAttributes

(layoutParams);/
}
/
* 按住seekbar时的事件监听处理
* */
@Override
public void onStartTrackingTouch

(SeekBar seekBar) {
Toast.makeText

(SecondActivity.this,"按住

seekbar",Toast.LENGTH_SHORT).show();
}
/*
* 放开seekbar时的时间监听处理
* */
@Override
public void onStopTrackingTouch

(SeekBar seekBar) {
Toast.makeText

(SecondActivity.this,"放开

seekbar",Toast.LENGTH_SHORT).show();
}
});
}

//创建toolbar菜单
@Override
public boolean onCreateOptionsMenu(Menu menu)

{
// Inflate the menu; this adds items to

the action bar if it is present.
getMenuInflater().inflate

(R.menu.menu_main, menu);
return true;
}

//toolbar菜单选择监听
@Override
public boolean onOptionsItemSelected(MenuItem

item) {
// Handle action bar item clicks here. The

action bar will
// automatically handle clicks on the

Home/Up button, so long
// as you specify a parent activity in

AndroidManifest.xml.
int id = item.getItemId();

    //noinspection SimplifiableIfStatement
    if (id == R.id.action_settings) {
        Toast.makeText

(SecondActivity.this,item.getTitle

(),Toast.LENGTH_LONG).show();
return true;
}

    return super.onOptionsItemSelected(item);
}

}

4.xml绘制自定义SeekBar
上面3进度条的绘制已经运用了xml绘制，下面我们就

试着xml绘制一下进度条的滑块

1.未按压时的xml绘制scrubber_shape.xml

<?xml version="1.0" encoding="utf-8"?> 
<shape

xmlns:android="http://schemas.android.com/apk/res/

android"
android:shape=“oval”>
<size android:width=“20dp”

android:height=“20dp”/>
<solid

android:color="@android:color/holo_orange_light"

/>
<stroke android:color="#9370DB"

android:width=“4dp”/>

2.按压时的xml绘制scrubber_focus_shape.xml

<?xml version="1.0" encoding="utf-8"?>

<shape

xmlns:android="http://schemas.android.com/apk/res/

android"
android:shape=“oval”>
<size android:width=“20dp”

android:height=“20dp”/>

<stroke android:color="#9370DB"

android:width=“4dp”/>

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值