自定义竖向进度条且动态改变进度条的颜色

最近有小伙伴私信我咋这么久没出新文章?害,属实是最近忙的没时间出文章
在这里插入图片描述
这不一有时间就赶紧来出文章了,接下来废话不多说直接进入主题
首先向我们走来的是自定义的进度条
先看代码

public class VerticalSeekBar extends androidx.appcompat.widget.AppCompatSeekBar {

    private boolean mIsTouching;

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

    public VerticalSeekBar(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

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

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

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

    protected void onDraw(Canvas c) {
        c.rotate(-90);
        c.translate(-getHeight(),0);

        super.onDraw(c);
    }

    public void fresh() {
        onSizeChanged(getWidth(),getHeight(), 0, 0);
    }

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

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
            case MotionEvent.ACTION_MOVE:{
                mIsTouching = true;
                int i=0;
                i=getMax() - (int)(getMax() * event.getY() / getHeight());
                setProgress(i);
                Log.i("Progress",getProgress()+"");
                onSizeChanged(getWidth(),getHeight(), 0, 0);}
                break;
            case MotionEvent.ACTION_UP:
                mIsTouching = false;
                int i=0;
                i=getMax() - (int)(getMax() * event.getY() / getHeight());
                setProgress(i);
                Log.i("Progress",getProgress()+"");
                onSizeChanged(getWidth(),getHeight(), 0, 0);
                break;

            case MotionEvent.ACTION_CANCEL:
                mIsTouching = false;
                break;
        }
        return true;
    }

    public boolean isTouching() {
        return mIsTouching;
    }
}

这便就是自定义的竖着的进度条的全部代码了
接下来向我们走来的是在部剧里面如何使用的代码

  <com.zsj.comminlibrary.view.VerticalSeekBar
            android:id="@+id/sb_dim"
            android:thumb="@null"
            android:max="100"
            android:background="@null"
            android:progressDrawable="@drawable/dim_seek_bg1"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/tv_room_name"
            android:layout_marginTop="@dimen/dp55"
            android:layout_width="54dp"
            android:layout_height="308dp"
            />

里面有本人使用时加的一些约束属性什么的,大家可以忽略掉
再然后就是进度条的背景问题,我这里所说的背景就是进度条滑动过得部分以及未滑动的部分

<?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>
            <solid
                android:color="#19FFFFFF"
                />
            <corners android:radius="7dp" />
            <size
                android:height="53dp"
                />
        </shape>
    </item>


    <!-- 第一进度条 -->
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <solid
                    android:color="#FFD284"
                    />
                <corners android:radius="7dp" />
                <size
                    android:height="53dp"
                    />
            </shape>
        </clip>
    </item>
</layer-list>

最后,就是动态改变进度条滑动过的颜色

//设置进度条的滑动过的部分的颜色
verticalSeekBar.setProgressTintList(ColorStateList.valueOf(Color.HSVToColor(hsb)));

以上便是全部代码了,简单易懂,有需要的就拿去用,有问题的话还烦请指出,抱拳了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: 要在Android自定义半圆形进度条,可以按照以下步骤进行: 1. 首先,在XML布局文件中添加一个半圆形的View。可以使用自定义的View继承自View类,或者使用现有的绘图类如Canvas和Path来绘制半圆形。 2. 在自定义的View中,重写onDraw方法,通过Canvas对象绘制半圆形。可以使用drawArc方法来画出一个弧线,指定起点、终点和角度,来绘制半圆形。 3. 在自定义的View中添加一个属性来表示当前进度。可以使用属性动画或者定时器来不断更新进度,并调用invalidate方法来重绘View。 4. 在自定义的View中添加一些自定义属性,如颜色、宽度等,来实现进度条的样式定制。 5. 在Activity中使用这个自定义的View,可以通过findViewById找到它,并设置进度条的属性和监听器等。 通过以上步骤,就可以实现一个自定义的半圆形进度条。根据具体需求和设计,可以进行更多的样式和功能定制,如添加文本显示、动画效果等。 ### 回答2: 要实现Android自定义半圆形进度条,可以采用以下步骤: 1. 首先,在布局文件中创建一个自定义View,用于绘制半圆形进度条。可以使用Canvas来进行绘制。在View的构造函数中初始化一些必要的参数,如进度条颜色、背景颜色等。 2. 在自定义View的onDraw()方法中,使用Canvas绘制一个半圆形的背景,可以使用drawArc()方法,并设置起始角度和扫描角度。 3. 接着,绘制进度条的一段弧线。根据进度的值计算出起始和结束的角度,并使用drawArc()方法进行绘制。 4. 在Activity中,实例化自定义View,并将其添加到布局中。可以使用setProgress()方法来设置进度条的进度值。 5. 如果需要实现动画效果,可以使用ValueAnimator来改变进度值,并在动画过程中不断调用invalidate()方法来刷新视图。 总结:自定义半圆形进度条的关键是使用Canvas的drawArc()方法进行绘制,根据进度值来计算起始和结束的角度,并使用invalidate()方法来进行视图的刷新。通过这些步骤,即可实现Android自定义半圆形进度条的效果。 ### 回答3: 要实现Android自定义半圆形进度条,可以通过自定义View来实现。 首先,创建一个继承自View的自定义View类,并重写其中的三个方法:onMeasure()、onDraw()和onSizeChanged()。 在onMeasure()方法中,设置View的宽度和高度,可以根据需求来设置,比如设置为200dp,然后将测量的结果保存。 在onSizeChanged()方法中,获取View的宽度和高度,用于后续计算绘制进度条的位置。 在onDraw()方法中,绘制半圆形进度条的背景和进度。首先,使用Paint类创建两个画笔,一个用于绘制背景,一个用于绘制进度。然后,通过Path类创建一个半圆形的路径,使用drawPath()方法绘制出半圆形。接着,根据进度计算出进度条的结束位置,使用drawArc()方法绘制出进度条。最后,使用drawText()方法绘制出进度的文字。 在Activity或Fragment中使用自定义View,可以通过布局文件或代码的方式进行添加。如果使用布局文件,可以在XML文件中使用自定义的命名空间,并设置View的属性。如果使用代码,可以在onCreate()方法中使用addView()方法添加。 以上就是实现Android自定义半圆形进度条的大致步骤。根据具体需求,还可以添加其他功能,比如添加动画效果,改变进度条颜色等。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值