`

自定义RatingBar的显示(评分组件)

 
阅读更多

        做项目中有要用到评分控件,本以为可以直接使用,加上该控件后发现和设计师的不一样,尤其是肤色不同,于是需要自定义一下RatingBar的显示,写个demo记录一下:
如图,android默认的ratingbar是蓝色评分灰色底的。

RatingBar特有的属性:

        android:numStars 指定该组件星星的数量,例如上图可以定义5个6个甚至更多

        android:rating 指定当前分数,也可以在代码中控制

        android:stepSize 指定分数的数量增长单位,默认为0.5

 

更改显示:

        布局文件中设置该组件的样式为 style="@style/MyRatingBar",其中MyRatingBar为我们自定义的样式

        styles.xml中添加我们的这个自定义的样式

    <style name="MyRatingBar" parent="@android:style/Widget.RatingBar">
        <item name="android:progressDrawable">@drawable/my_ratingbar</item>
        <item name="android:minHeight">20dp</item>
        <item name="android:maxHeight">20dp</item>
    </style>

            parent="@android:style/Widget.RatingBar"表示这个样式集成自Widget.RatingBar,就是说自己还是一个RatingBar;

            item name="android:progressDrawable"表示我们的显示方案,其中my_ratingbar为我们自定义的显示文件;

 

        res/drawable/my_ratingbar.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/my_ratingbar_darkstar">
    </item>
    <item
        android:id="@+android:id/progress"
        android:drawable="@drawable/my_ratingbar_lightstar">
    </item>

</layer-list>

         如上即配置好了,其中android:id="@+android:id/background"表示用来填充背景的图片

        android:id="@+android:id/progress"表示当前组件的rating分级,即亮色的图片

 

 

  • 大小: 25.1 KB
分享到:
评论

相关推荐

    自定义评分组件

    自定义评分组件,个性,共同学习

    Android基础知识详解

    评分组件(RatingBar) 86 GridView、Gallery和ImageSwitcher 88 GridView 88 Gallery和ImageSwitcher 91 ListView 94 一、普通的ListView 94 可以单选和多选的ListView 95 使用SimpleAdapter建立复杂的列表项 97 ...

    android开发入门与实战(下)

    7.3.14 评分组件(RatingBar)介绍与应用 7.3.15 图片视图(ImageView)介绍与应用 7.3.16 图片按钮(ImageButton)介绍与应用 7.3.17 切换图片(ImageSwitcher&Gallery) 7.3.18 网格视图(GridView)介绍与应用 7.3.19 标签...

    Android入门到精通源代码.

    4.2.15 评分条(RatingBar) 第5章 Android中的视图组件 5.1 视图组件 5.1.1 图片视图(ImageView) 5.1.2 滚动视图(ScrollView) 5.1.3 网格视图(GridView) 5.1.4 列表视图(ListView) 5.1.5 切换图片...

    Android典型技术模块开发详解

    7.14 RatingBar(评分条) 7.15 本章小结 第8章 界面布局 8.1 基本布局 8.1.1 线性布局 8.1.2 相对布局 8.1.3 绝对布局 8.1.4 Frame布局 8.1.5 表格布局 8.2 Tab布局 8.3 ScrollView 8.4 ListView(列表) 8.4.1 ...

    疯狂Android讲义源码

     2.4.6 星级评分条(RatingBar)的  功能和用法 91  2.4.7 选项卡(TabHost)的功能和  用法 93  2.4.8 滚动视图(ScrollView)的  功能和用法 95  2.4.9 列表视图(ListView和  ListActivity) 95  2.4.10...

    疯狂Android讲义.part2

    2.4.6 星级评分条(RatingBar) 的 功能和用法 91 2.4.7 选项卡(TabHost)的功能和 用法 93 2.4.8 滚动视图(ScrollView) 的 功能和用法 95 2.4.9 列表视图(ListView和 ListActivity) 95 2.4.10 可展开的列表...

    疯狂Android讲义.part1

    2.4.6 星级评分条(RatingBar) 的 功能和用法 91 2.4.7 选项卡(TabHost)的功能和 用法 93 2.4.8 滚动视图(ScrollView) 的 功能和用法 95 2.4.9 列表视图(ListView和 ListActivity) 95 2.4.10 可展开的列表...

Global site tag (gtag.js) - Google Analytics