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

最新推荐文章于 2022-10-21 18:38:40 发布

LSJ_IT

最新推荐文章于 2022-10-21 18:38:40 发布

阅读量532

点赞数

分类专栏： android 垂直Progressbar 半圆progressbar 文章标签：半圆Progressbar 两头圆角progressbar 垂直progressbar progressbar progressbar控制音量

本文链接：https://blog.csdn.net/qaz520929/article/details/102626959

版权

android 同时被 3 个专栏收录

12 篇文章 1 订阅

订阅专栏

垂直Progressbar

1 篇文章 0 订阅

订阅专栏

半圆progressbar

1 篇文章 0 订阅

订阅专栏

这两天，项目中用到设置系统声音和样式展示，也不是很难，但是，在这里做个记录进行保存，以后，可能还用的上，大家都知道正常的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的方法，重写一下，然后，其他都一样，也能实现哦，好了，基本都已经完毕了，有对你帮助的话，就请给个赞支持下我，主要是对笔者的一点小小的鼓励，也是我们共同进步的动力，谢谢！~！~！~

LSJ_IT

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
垂直形式的ProgresBar，和两头圆角类型设置

这两天，项目中用到设置系统声音和样式展示，也不是很难，但是，在这里做个记录进行保存，以后，可能还用的上，大家都知道正常的Progressbar怎么使用，这里，我就不多说了，我先将项目中用的的垂直方向的音量柱做个记录，1、首先我发先获取系统音量的最大值，和我想要设置的最大值不一样，这里，你们可以自己想办法，看看是为什么，我自己的解决方式是自己设定的一个最大值，通过，音量键加减进行更改音量，首先将...
复制链接

扫一扫