227.android自定义渐变进度条

最新推荐文章于 2022-08-04 16:35:00 发布

augfun

最新推荐文章于 2022-08-04 16:35:00 发布

阅读量860

点赞数

分类专栏： android整理

本文链接：https://blog.csdn.net/augfun/article/details/82094157

版权

android整理专栏收录该内容

261 篇文章 6 订阅

订阅专栏

android经常会需要设置进度条，有时候不喜欢原生态的进度条,因此会自定义进度条

my_progressbar.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="5dp"/>
        </shape>
        <color android:color="#CCCCCC"/>
    </item>

    <item android:id="@android:id/progress">
        <clip
            android:clipOrientation="horizontal"
            android:gravity="left">
            <shape>
                <corners android:radius="5dp"/>
                <gradient
                    android:startColor="#FFFF00"
                    android:centerColor="#00FF00"
                    android:endColor="#FF0000"/>
            </shape>
        </clip>
    </item>
</layer-list>

进度条的使用

android:progressDrawable="@drawable/my_progressbar"

<FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@id/bottom_share"
        android:layout_toRightOf="@id/bottom_favorites"
        android:layout_centerVertical="true">
        <ProgressBar
            android:id="@+id/progress_btn"
            android:progressDrawable="@drawable/my_progressbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textColor="#ffffff"
            android:textSize="18dp"
            android:text="下载"
            style="@android:style/Widget.ProgressBar.Horizontal"></ProgressBar>
        <TextView
            android:id="@+id/tv_progress"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="@color/color_dark"
            android:layout_gravity="center_horizontal"
            android:text=""/>
        <ImageView
            android:id="@+id/iv_download_start"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@mipmap/download_start"
            android:visibility="visible"/>
        <ImageView
            android:id="@+id/iv_download_success"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@mipmap/download_success"
            android:visibility="invisible"/>
    </FrameLayout>