自定义的环形进度条样式
2016-04-17 20:02
537 查看
1、在style.xml中声明好自定义的环形进度条样式
2、环形进度条的进度样式(progressstyleshape.xml.xml,放到drawable目录下)
3、修改布局文件中进度条控件的style值
效果:
<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" />
效果:
相关文章推荐
- css样式的权重
- css3新增的选择器
- css3的部分属性
- 自定义ProgressBar样式
- css box-sizing以及calc()
- CEdit 样式与消息 解析
- 利用JS脚本通过getAttribute()和setAttribute()等对CSS样式进行操作
- css--多重样式
- html图片自适应手机屏幕大小的css写法
- CSS中position属性 (absolute,relative,static,fixed)
- css控制背景图片随div的大小而缩放
- css3文字导航鼠标悬停气泡动画特效源码下载
- css特殊图形绘制
- 关于CSS外边距叠加问题
- css绘制基本图形
- CSS选择器详解(总结)
- 用纯css改变下拉列表select框的默认样式(转)
- 纯css实现三级菜单栏
- 属性选择器
- CSS的background属性