ProgressBar进度条圆角

先贴出效果图:就是这样的效果:圆角进度条并且距离四周有一定高度
ProgressBar进度条圆角_第1张图片

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">
    
    <item
        android:id="@android:id/background"
        android:drawable="@drawable/progress_bar_background" />

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

荆轲刺秦王!

你可能感兴趣的:(进度条)