码迷,mamicode.com
首页 > 移动开发 > 详细

Android RatingBar 自定义样式

时间:2017-05-08 14:21:08      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:android   style   

Android RatingBar 自定义样式

1.先定义Style:

<style name="RadingStyle" parent="@android:style/Widget.RatingBar">
    <!-- 定义星星图片 -->
    <item name="android:progressDrawable">@drawable/layer_live_rating_bar</item>
    <!-- 根据自定义星星图片的大小,设置相应的值,否则可能显示不全 -->
    <item name="android:numColumns">5</item>
    //这里放一些你觉得公共的属性(你可以在控件里覆盖这里的属性)
</style>

2. Drawable里的layer_live_rating_bar.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/ic_rate_stroke">
    </item>
    <item
        android:id="@+android:id/secondaryProgress"
        android:drawable="@drawable/ic_rate_stroke">
    </item>
    <item
        android:id="@+android:id/progress"
        android:drawable="@drawable/ic_rate_solid">
    </item>

</layer-list>

3. 在布局文件里使用RatingBar:

//........
<RatingBar
    android:id="@+id/rb"
    style="@style/RadingStyle"
    android:layout_width="wrap_content"//宽度一般都是自适应吧
    android:layout_height="wrap_content"
    android:maxHeight="15dp"//两个都写就能限制高度
    android:minHeight="15dp"//两个都写就能限制高度
    android:rating="3"//默认的评分
    android:stepSize="0.5"//评分最小单位
    android:clickable="true"
    android:isIndicator="false"//是否只是展示,展示就不可点击
    />
//........

4. 最终效果:

技术分享

5.注意点:

这两个属性同时写才能确定高度,不知道还有没其他方式

android:maxHeight="15dp"//两个都写就能限制高度
android:minHeight="15dp"//两个都写就能限制高度

isIndicator属性确定评分条是否可以点击评分,false就是只是展示而已

android:isIndicator="false"//是否只是展示,展示就不可点击


Android RatingBar 自定义样式

标签:android   style   

原文地址:http://12883930.blog.51cto.com/12873930/1923086

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!