Android更换RatingBar图片
2015-07-23 11:32
381 查看
麦子学院的android老师给你我们讲android更哈unratingbar图片时说到RatingBar是我们在系统显示分数的好组件,但是我们一般想把RatingBar装饰的更好看,想把更好看的图片用来替换系统默认的图片,系统默认的样子是这样的:
下图是个不错的选择哦:
想要实现如上效果,首先我们在styles.xml写入一个样式:
Xml代码
1. <?xml version="1.0" encoding="utf-8"?> 2. <resources> 3. <style name="foodRatingBar" parent="@android:style/Widget.RatingBar"> 4. <item name="android:progressDrawable">@drawable/food_ratingbar_full</item> 5. <item name="android:minHeight">48dip</item> 6. <item name="android:maxHeight">48dip</item> 7. </style> 8. </resources>
然后在Drawable文件夹下建food_rating_bar_full.xml文件,内容如下: Xml代码
1. <?xml version="1.0" encoding="utf-8"?> 2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 3. <item android:id="@+android:id/background" 4. android:drawable="@drawable/food_ratingbar_full_empty" /> 5. <item android:id="@+android:id/secondaryProgress" 6. android:drawable="@drawable/food_ratingbar_full_empty" /> 7. <item android:id="@+android:id/progress" 8. android:drawable="@drawable/food_ratingbar_full_filled" /> 9. </layer-list>
food_ratingbar_full_empty是代表没有选中图片效果,food_ratingbar_full_filled选中图片效果。
最后将style放入RatingBar中,即可实现你的图片效果: Xml代码
1. <RatingBar android:id="@+id/my_rating_bar" 2. ... 3. style="@style/foodRatingBar" /> 关于更多android开发视频教程:http://www.maiziedu.com/course/android/
下图是个不错的选择哦:
想要实现如上效果,首先我们在styles.xml写入一个样式:
Xml代码
1. <?xml version="1.0" encoding="utf-8"?> 2. <resources> 3. <style name="foodRatingBar" parent="@android:style/Widget.RatingBar"> 4. <item name="android:progressDrawable">@drawable/food_ratingbar_full</item> 5. <item name="android:minHeight">48dip</item> 6. <item name="android:maxHeight">48dip</item> 7. </style> 8. </resources>
然后在Drawable文件夹下建food_rating_bar_full.xml文件,内容如下: Xml代码
1. <?xml version="1.0" encoding="utf-8"?> 2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 3. <item android:id="@+android:id/background" 4. android:drawable="@drawable/food_ratingbar_full_empty" /> 5. <item android:id="@+android:id/secondaryProgress" 6. android:drawable="@drawable/food_ratingbar_full_empty" /> 7. <item android:id="@+android:id/progress" 8. android:drawable="@drawable/food_ratingbar_full_filled" /> 9. </layer-list>
food_ratingbar_full_empty是代表没有选中图片效果,food_ratingbar_full_filled选中图片效果。
最后将style放入RatingBar中,即可实现你的图片效果: Xml代码
1. <RatingBar android:id="@+id/my_rating_bar" 2. ... 3. style="@style/foodRatingBar" /> 关于更多android开发视频教程:http://www.maiziedu.com/course/android/
相关文章推荐
- Android 2.3 input输入事件处理
- Android开发:JSON数据的读写方法
- 12本最棒的Android开发电子书强力推荐
- 如何确定一家培训机构值得信赖
- Python就业前景分析
- 冲着名为Sundy的男人去麦子学院
- [分享]麦子学院助教是怎样一群人
- android开发教程:如何调用bindService绑定?
- Android开发教程:如何让应用程序自动更新的问题?
- Android 学习经验之分享
- Android应用开发工程师进阶之路(一)
- 麦可网新网上线,以麦子学院为名重新起航
- android实用技巧:android实现listview异步加载图片
- 女程序员的成功秘诀
- 【麦子学院】03.web前端开发之html5本地存储、网页留言板、video、audio、HTML5拖放
- 【麦子学院】03.web前端开发之convas画布
- 【麦子学院】03.web前端开发之HTML5+CSS3快速入门之基本HTML5元素介绍
- 【麦子学院】02.web前端开发之HTML+CSS基础入门
- 【Android应用保护技术探索之路系列】之五:对抗重编译
- 【Android应用保护技术探索之路系列】之四:对抗动态调试