ProgressBar进度条圆角

来源:互联网 发布:数据库集群是什么 编辑:程序博客网 时间:2024/06/14 07:30

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

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>

荆轲刺秦王!

0 0