垂直形式的ProgresBar,和两头圆角类型设置

这两天,项目中用到设置系统声音和样式展示,也不是很难,但是,在这里做个记录进行保存,以后,可能还用的上,大家都知道正常的Progressbar怎么使用,这里,我就不多说了,我先将项目中用的的垂直方向的音量柱做个记录,

1、首先我发先获取系统音量的最大值,和我想要设置的最大值不一样,这里,你们可以自己想办法,看看是为什么,我自己的解决方式是自己设定的一个最大值,通过,音量键加减进行更改音量,首先将垂直的progressbar写出来


import android.content.Context;
import android.graphics.Canvas;
import android.os.Build;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.widget.ProgressBar;

import androidx.annotation.RequiresApi;

public class VerticalProgressBar extends ProgressBar {

    private int currentProgress = 0;

    public VerticalProgressBar(Context context) {
        super(context);
    }

    public VerticalProgressBar(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public VerticalProgressBar(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    public VerticalProgressBar(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(h, w, oldh, oldw);
    }

    @Override
    protected synchronized void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    /*
     * 重点在这里
     */
    @Override
    protected synchronized void onDraw(Canvas canvas) {
        canvas.rotate(-90);
        canvas.translate(-getHeight(), 0);
        super.onDraw(canvas);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (!isEnabled()) {
            return false;
        }

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
            case MotionEvent.ACTION_MOVE:
            case MotionEvent.ACTION_UP:
                setProgress(getMax() - (int) (getMax() * event.getY() / getHeight()));
                currentProgress = getMax() - (int) (getMax() * event.getY() / getHeight());
                onSizeChanged(getWidth(), getHeight(), 0, 0);
                break;
            case MotionEvent.ACTION_CANCEL:
                break;
        }
        return true;
    }

    /**
     * 获取当前progress进度
     * @return
     */
    public int getCurrentProgress() {
        return currentProgress;
    }
}

2、然后就再布局中引用了,当然,肯定想问,我想要好看的progressbar啊,是的,我也不想一步步来了,直接就上结果样子把

看到了把,是不是你想要的样子,是不是,就说是不是把,是的话,点赞,啊哈哈哈,我知道,你看到这里,肯定说,哇哈哈,终于找到自己想要的资源了,嗯,不错,就是这样的,那怎么实现呢 ,且听下回分解,哦不,请听我下面解说,嘿嘿,首先,写一个style,知道怎么写吗 ?不错,,就是再你的values下的style文件里面,添加如下代码

 <style name="ProgressBar_Scale" parent="@android:style/Widget.ProgressBar.Horizontal">
        <item
name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>
        <item name="android:progressDrawable">@drawable/seekbar_style</item>
    </style>

3、是不是发现,自己没有seekbar_style.xml文件,是的,上面里面的这个文件,就是要给progressbar设置样式的,所以呢,代码如下,就是了,再你的drawable文件夹下创建资源文件seekbar_style.xml,当然,名字,你自己随意,这是我自己定义的名字

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="15dip" />
            <gradient
                android:angle="270"
                android:centerColor="#ff5a5d5a"
                android:centerY="0.75"
                android:endColor="#ff747674"
                android:startColor="#ff9d9e9d" />
        </shape>
    </item>

    <item android:id="@android:id/secondaryProgress">
        <scale android:scaleWidth="100%">
            <shape>
                <corners android:radius="15dip" />
                <gradient
                    android:angle="270"
                    android:centerColor="#80ffb600"
                    android:centerY="0.75"
                    android:endColor="#a0ffcb00"
                    android:startColor="#80ffd300" />
            </shape>
        </scale>
    </item>
    <item android:id="@android:id/progress">
        <scale android:scaleWidth="100%">
            <shape>
                <corners android:radius="15dip" />
                <gradient
                    android:angle="270"
                    android:centerColor="#ff3399CC"
                    android:centerY="0.75"
                    android:endColor="#ff6699CC"
                    android:startColor="#ff0099CC" />
            </shape>
        </scale>
    </item>
</layer-list>

4、是不是很简单,里面几乎没有什么要改正的对吧,想要改,我就不备注了,你自己运行后看效果就行了,想改什么自己多试几次,这样,能加深你印象,下面就是再progressbar里面配置了把,是的,在你的activity布局文件中,配置你的pragressbar控件


        <com.example.vehicleconsole.wedgt.VerticalProgressBar
            android:id="@+id/seek"
            style="@style/ProgressBar_Scale"
            android:layout_width="25dp"
            android:layout_height="280dp"
            android:progressDrawable="@drawable/seekbar_style" />

5、这样,你的progressbar就是一个竖向的,而且是两头半圆角的一个控件了,是不是很开心,还需什么吗 ?嗯我想想,当然,在activity里面,肯定要先设置最大值,progressbar.setMax(20);具体,你想设置多少,你自己定啦;然后,设置想要设置的当前进度,就是想将progressbar设置到想要的位置 progressbar.setProgress(10);里面的值也是你自己定的,有人肯定问了,我想要滑动他怎么办 ?是啊,怎么办 ? 因为,控件里面我加了获取当前进度的地方,所以,下面代码,你在监听里面监听一下就好了

    progressbar.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                int currentProgress = seek.getCurrentProgress();
                mAudioManager.setStreamVolume(AudioManager.STREAM_MUSIC, currentProgress, AudioManager.FLAG_SHOW_UI);
                SpUtil.putInt("phoneMusic", currentProgress);
                currentMusic = currentProgress;
                return false;
            }
        });

6、看到没 ?这里的mAudioManager是系统manager,不知道的看下面,里面是当我滑动到哪里,就将系统声音设置到哪里,然后进行sp保存,具体怎么存,你们自己定哈,不用管我怎么存,我是方便下次记录,

   mAudioManager = (AudioManager) getSystemService(Context.AUDIO_SERVICE);

7、具体逐步增加和减少系统音量的方法是下面样子

//*****************************这是减音量的地方别拷贝错了*********************
  mAudioManager.adjustStreamVolume(AudioManager.STREAM_MUSIC,
                            AudioManager.ADJUST_LOWER, AudioManager.FLAG_PLAY_SOUND | AudioManager.FLAG_SHOW_UI);
                    if (currentMusic - 1 >= MINMUSIC) {
                        seek.setProgress(currentMusic - 1);
                        SpUtil.putInt("phoneMusic", currentMusic - 1);
                        currentMusic = currentMusic - 1;
                    }




//*****************************下面是增加音量的地方别拷贝错了*********************

//*****************************下面是增加音量的地方别拷贝错了*********************

//*****************************下面是增加音量的地方别拷贝错了*********************
 mAudioManager.adjustStreamVolume(AudioManager.STREAM_MUSIC,
                            AudioManager.ADJUST_RAISE, AudioManager.FLAG_PLAY_SOUND | AudioManager.FLAG_SHOW_UI);
                    if (currentMusic + 1 <= MAXMUSIC) {
                        seek.setProgress(currentMusic + 1);
                        SpUtil.putInt("phoneMusic", currentMusic + 1);
                        currentMusic = currentMusic + 1;
                    }

8、里面的if判断,是我自己的逻辑哈,你们可以不用管,只需要拷贝if判断之外的就行了,那就已经可以做到增减声音了 ,我是把增减都放到了上面代码中,请大家分别拷贝,不要无脑拷贝,!~!~!具体的功能基本上都已经实现了,代码呢还是需要自己整理的,具体怎么弄,你们自己看着办喽,有朋友肯定想说,我想横向的怎么办,横向的你就自己定义一个类去继承Prggressbar,然后,将我最上面的那个里面onTouch的方法,重写一下,然后,其他都一样,也能实现哦,好了,基本都已经完毕了,有对你帮助的话,就请给个赞支持下我,主要是对笔者的一点小小的鼓励,也是我们共同进步的动力,谢谢!~!~!~

 

 

 

 

 

 

 

 

 

 

 

 

 

©️2020 CSDN 皮肤主题: 护眼 设计师:闪电赇 返回首页