RatingBar 自定义图标
2016-06-16 12:48
543 查看
提示:自定义的RatingBar 图标不能缩小,图标太大会显示不全。
源址:http://www.iteye.com/topic/689272
RatingBar是我们在系统显示分数的好组件,但是我们一般想把RatingBar装饰的更好看,想把更好看的图片用来替换系统默认的图片,系统默认的样子是这样的:
下图是个不错的选择哦:
想要实现如上效果,首先我们在styles.xml写入一个样式:
Xml代码
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="foodRatingBar" parent="@android:style/Widget.RatingBar">
<item name="android:progressDrawable">@drawable/food_ratingbar_full</item>
<item name="android:minHeight">48dip</item>
<item name="android:maxHeight">48dip</item>
</style>
</resources>
然后在Drawable文件夹下建food_rating_bar_full.xml文件,内容如下:
Xml代码
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@+android:id/background"
android:drawable="@drawable/food_ratingbar_full_empty" />
<item android:id="@+android:id/secondaryProgress"
android:drawable="@drawable/food_ratingbar_full_empty" />
<item android:id="@+android:id/progress"
android:drawable="@drawable/food_ratingbar_full_filled" />
</layer-list>
food_ratingbar_full_empty是代表没有选中图片效果,food_ratingbar_full_filled选中图片效果。
最后将style放入RatingBar中,即可实现你的图片效果:
Xml代码
<RatingBar android:id="@+id/my_rating_bar"
...
style="@style/foodRatingBar" />
参考地址:http://kozyr.zydako.net/2010/05/23/pretty-ratingbar/
源址:http://www.iteye.com/topic/689272
RatingBar是我们在系统显示分数的好组件,但是我们一般想把RatingBar装饰的更好看,想把更好看的图片用来替换系统默认的图片,系统默认的样子是这样的:
下图是个不错的选择哦:
想要实现如上效果,首先我们在styles.xml写入一个样式:
Xml代码
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="foodRatingBar" parent="@android:style/Widget.RatingBar">
<item name="android:progressDrawable">@drawable/food_ratingbar_full</item>
<item name="android:minHeight">48dip</item>
<item name="android:maxHeight">48dip</item>
</style>
</resources>
然后在Drawable文件夹下建food_rating_bar_full.xml文件,内容如下:
Xml代码
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@+android:id/background"
android:drawable="@drawable/food_ratingbar_full_empty" />
<item android:id="@+android:id/secondaryProgress"
android:drawable="@drawable/food_ratingbar_full_empty" />
<item android:id="@+android:id/progress"
android:drawable="@drawable/food_ratingbar_full_filled" />
</layer-list>
food_ratingbar_full_empty是代表没有选中图片效果,food_ratingbar_full_filled选中图片效果。
最后将style放入RatingBar中,即可实现你的图片效果:
Xml代码
<RatingBar android:id="@+id/my_rating_bar"
...
style="@style/foodRatingBar" />
参考地址:http://kozyr.zydako.net/2010/05/23/pretty-ratingbar/
相关文章推荐
- 自定义Toast样式
- Mybatis sql 的#和$在Oracle分页的区别
- Uiautomator向jar包传多个参数
- 85---ajax实现的传统方式以及jquery方式,jquery方式的五种方法,json对象的转换方法, JSON类型的Result
- poj之旅——2549
- 驱动中的并发与竟态
- c++ 文件操作详解
- JAVA输入/输出流程序例题(文件和目录、字节流、字符流)
- RatingBar属性详解 - Android 中文 API (40) —— RatingBar
- 更改UITextField的placeholder文字颜色的5种方法 及placeholder字体大小
- jad反编译class类文件的时候容易出错的几种情况
- 全面解读Java NIO工作原理(一)
- WebService,ASMX文件使用XML格式数据传递参数、验证与获取XML格式返回值的一种方式
- Android Fragment使用(四) Toolbar使用及Fragment中的Toolbar处理
- hadoop 安装教程
- android返回处理
- HTTP权威指南读后感
- Java内部类的作用
- [置顶] MVP:有呼吸的Android架构
- 为什么样本方差自由度(分母)为n-1