ProgressBar进度条圆角

先贴出效果图:就是这样的效果:圆角进度条并且距离四周有一定高度
这里写图片描述

1.activity_main.xml(使用progressbar的布局文件)

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#195B8F">

        <ProgressBar
            android:id="@+id/progress"
            style="@android:style/Widget.ProgressBar.Horizontal"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:layout_marginBottom="40dp"
            android:layout_marginTop="40dp"
            android:progress="20"
            android:progressDrawable="@drawable/bar_color" />
</RelativeLayout>

2.bar_color.xml(progressbar的进度样式)

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--这里是设置progressbar的背景样式-->
    <item
        android:id="@android:id/background"
        android:drawable="@drawable/progress_bar_background" />

    <!--这里是设置progressbar的进度条样式-->
    <item android:id="@android:id/progress">
        <scale
            android:drawable="@drawable/shape_progressbar_progress"
            android:scaleWidth="100%" />
    </item>

</layer-list>

3.progress_bar_background.xml(progressbar背景的样式:圆角、背景色填充为白色)

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="20dp" />
    <solid android:color="#FFFFFF" />
</shape>

4.shape_progressbar_progress.xml(progressbar进度条的样式:圆角、背景色填充为蓝色、距离progressbar四周为2dp,颜色为白色)

<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <corners android:radius="20dp" />
    <solid android:color="#3F8CC4" />
    <stroke
        android:width="2dp"
        android:color="#FFFFFF"></stroke>
</shape>

荆轲刺秦王!

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值