垂直の進行状況バーをカスタマイズし、進行状況バーの色を動的に変更します。

最近、友人から個人的にメッセージが届きました。なぜ私は長い間新しい記事を公開しなかったのですか? ハーム、実は最近忙しくて
ここに画像の説明を挿入
記事を公開する時間がありません。時間ができたらすぐに記事を公開します。次は、くだらない話はやめて、本題に入りましょう。まず
、カスタムプログレスバーが登場しました。
最初にコードを見てみましょう

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)));

上記はすべてのコードです。シンプルで理解しやすいです。必要に応じて使用してください。質問がある場合は、拳を握って指摘してください。

おすすめ

転載: blog.csdn.net/m0_46366678/article/details/126642705