展会信息港展会大全

Android更换RatingBar图片 android控件学习
来源:互联网   发布日期:2015-10-03 11:15:06   浏览:2308次  

导读:RatingBar是我们在系统显示分数的好组件,但是我们一般想把RatingBar装饰的更好看,想把更好看的图片用来替换系统默认的图片,系统默认的样子是这样的:下图是个不错的选择哦:想要实现如上效果,首先我们在styl......

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 name="android:minHeight">48dip

< item name="android:maxHeight">48dip

< /style>

< /resources>

< ?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 name="android:minHeight">48dip

< item name="android:maxHeight">48dip

< /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>

< ?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" />

< RatingBar android:id="@+id/my_rating_bar"

...

style="@style/foodRatingBar" />

赞助本站

人工智能实验室

相关热词: RatingBar

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港