Android-SeekBar基本使用及各种美观样式

最新推荐文章于 2024-08-15 03:57:08 发布

圆号本昊

最新推荐文章于 2024-08-15 03:57:08 发布

阅读量7k

点赞数 1

分类专栏： android 开发指难文章标签： SeekBar 自定义样式调节进度

欢迎大家转载，转载请务必注明出处：https://space.bilibili.com/262075972

本文链接：https://blog.csdn.net/qq_43377749/article/details/84841008

版权

android 开发指难专栏收录该内容

73 篇文章 6 订阅

订阅专栏

改变控件透明度只需通过 .setAlpha()方法实现

有多种改变思路：

1.改变图片透明度

2.改变背景透明度地点 setBackground() 等等

这里举个例子：

思路拓展：只要将透明度的动态修改跟手势向结合就能实现toolbar等洞见在拖动是隐藏

以下是更SeekBar相结合的实现代码

seekbar的position属性设置在 0~255 之间正好与0~255 的透明度相对应

public class MainActivity extends Activity {
    ImageView imageView;
    Toolbar toolbar;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        imageView = (ImageView) findViewById(R.id.image);
        toolbar = (Toolbar) findViewById(R.id.toolbar);
        SeekBar seekBar = (SeekBar) findViewById(R.id.seekbar);
        SeekBar seekBar02 = (SeekBar) findViewById(R.id.seekbar02);
        seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
                imageView.setAlpha(progress);
            }

            @Override
            public void onStartTrackingTouch(SeekBar seekBar) { }

            @Override
            public void onStopTrackingTouch(SeekBar seekBar) { }
        });
        seekBar02.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
                toolbar.getBackground().setAlpha(progress);
            }

            @Override
            public void onStartTrackingTouch(SeekBar seekBar) { }

            @Override
            public void onStopTrackingTouch(SeekBar seekBar) { }
        });
    }


}

布局文件：

这里不难发现按钮底下的条状空间是一个水平的进度条

所以我们完全可以通过设置进度条的方法来改变的样式：

https://blog.csdn.net/qq_43377749/article/details/84839079

如上我们可以通过自定应list来实现这里就不反复说了

<?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"
    android:orientation="vertical">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="#ff000000">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="这里是toolBar~"/>

    </android.support.v7.widget.Toolbar>

    <ImageView
        android:id="@+id/image"
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:src="@drawable/huangjindiao"
        android:padding="20dp"/>
    <!--定义一个拖动条滑动来改变它的外观-->
    <SeekBar
        android:id="@+id/seekbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:max="255"
        android:progress="255"
        android:thumb="@drawable/ok"/>
</LinearLayout>