您的位置:首页 > Web前端 > CSS

自定义的环形进度条样式

2016-04-17 20:02 537 查看
1、在style.xml中声明好自定义的环形进度条样式

<style name="CicleProgressBar">
<item name="android:indeterminateOnly">true</item>
<item name="android:indeterminateDrawable">@drawable/progressstyleshape</item>
<item name="android:indeterminateBehavior">repeat</item>
<item name="android:indeterminateDuration">3500</item>
<item name="android:minWidth">80dip</item>
<item name="android:maxWidth">80dip</item>
<item name="android:minHeight">80dip</item>
<item name="android:maxHeight">80dip</item>
</style>


2、环形进度条的进度样式(progressstyleshape.xml.xml,放到drawable目录下)

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromDegrees="0"
android:toDegrees="360"
android:pivotX="50%"
android:pivotY="50%"
>

<!--
innerRadiusRatio:环的内半径比
thicknessRatio:环的厚度比
useLevel为false表示首尾相连,true表示首尾断开
-->
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:innerRadiusRatio="3"
android:shape="ring"
android:thicknessRatio="10"
android:useLevel="false"
>
<!--
type="sweep":扫射的效果
-->
<gradient
android:endColor="#0000ff"
android:type="sweep"
android:startColor="#ff0000" >
</gradient>
</shape>

</rotate>


3、修改布局文件中进度条控件的style值

<ProgressBar
android:id="@+id/progressBar1"
style="@style/CicleProgressBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />


效果:
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: