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>

荆轲刺秦王!

要自定义横向进度条的右边圆角,你可以创建一个自定义的进度条样式,并在该样式中添加一个圆角背景。以下是一种实现方式: 1. 创建一个 XML 文件,在其中定义自定义的进度条样式。例如,创建一个名为 `custom_progress_bar.xml` 的文件,并将以下代码添加到文件中: ```xml <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 进度条背景 --> <item android:id="@android:id/background"> <shape> <corners android:radius="20dp" /> <!-- 设置背景圆角半径 --> <solid android:color="#CCCCCC" /> <!-- 设置背景颜色 --> </shape> </item> <!-- 进度条进度 --> <item android:id="@android:id/progress"> <clip> <shape> <corners android:radius="20dp" /> <!-- 设置进度条圆角半径 --> <solid android:color="#FF0000" /> <!-- 设置进度条颜色 --> </shape> </clip> </item> </layer-list> ``` 在上述代码中,我们使用 `<layer-list>` 标签来定义进度条的层次结构。`<item>` 标签用于指定不同部分(如背景和进度)的样式。使用 `<corners>` 标签可以设置圆角半径,`<solid>` 标签用于设置背景和进度条的颜色。 2. 在布局文件中使用自定义的进度条样式。在你的布局文件中,将进度条样式设置为自定义的样式。例如: ```xml <ProgressBar android:layout_width="match_parent" android:layout_height="10dp" android:progressDrawable="@drawable/custom_progress_bar" /> ``` 在上述代码中,我们将进度条的 `progressDrawable` 属性设置为我们刚刚创建的自定义进度条样式。 通过以上步骤,你可以创建一个具有右边圆角的自定义横向进度条。你可以根据需要调整圆角半径和颜色来满足你的设计要求。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值