自定义ProgressBar颜色样式
2016-05-08 00:19
369 查看
自定义ProgressBar颜色样式
使用
<ProgressBar android:id="@+id/pro_search" android:layout_width="30dp" android:layout_height="30dp" android:layout_centerVertical="true" android:layout_toLeftOf="@+id/img_search" android:indeterminateDrawable="@drawable/circle_progressbar_style" />
在indeterminateDrawable中设置引用的样式
xml样式文件
<?xml version="1.0" encoding="utf-8"?> <!-- 自定义圆形progressbar的颜色 --> <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:pivotX="50%" android:pivotY="50%" android:fromDegrees="0" android:toDegrees="1440"> <shape android:shape="ring" android:innerRadiusRatio="3" android:thicknessRatio="12" android:useLevel="false" > <gradient android:type="sweep" android:useLevel="false" android:startColor="#0F7D27" android:endColor="#DFF3E3" android:centerY="0.5" android:centerColor="#00FF00"/> </shape> </rotate>
改变toDegress的值,可以设置进度圆转动的速度
改变startColor、centerColor、endColor可改变圆圈的颜色
相关文章推荐
- css-position属性
- CSS知识点积累总结
- css3 翻转和旋转的区别
- .css()与.addClass()设置样式的区别
- 切换样式.toggleClass()
- CSS3动画-3D旋转
- HTML/CSS实现下拉菜单
- 关于CSS中background样式的repeat和no-repeat的坐标问题
- CSS position属性详解
- css简单导航触到主菜单显示子菜单横栏展示
- WebStorm FileWatcher (less 编译生成 css css.map min.css)(js 编译 min.js)
- WebStorm FileWatcher (less 编译生成 css css.map min.css)(js 编译 min.js)
- CSS 布局模型
- CSS 盒模型
- CSS 排版
- CSS 入门
- 用css写一个三角形
- CSS rgb颜色产生原理 & 颜色对照表
- div+css3绘制基本图形
- CSS三列自适应布局