Android RatingBar自定义替换系统图片

自定义RatingBar样式

最新推荐文章于 2017-05-18 15:58:16 发布

转载最新推荐文章于 2017-05-18 15:58:16 发布 · 1.9k 阅读

文章标签：

#android #layout #encoding

Android 专栏收录该内容

132 篇文章

订阅专栏

本文介绍如何通过XML定义自定义的RatingBar样式，包括创建图片资源、定义样式以及在布局文件中应用这些样式。

1.自定义替换提醒☆图片，准备两个图片添加到系统中去：如下：

在drewable下定义一个图片资源ratingbar_drawable.xml

01
<?xml version="1.0" encoding="utf-8"?>

02
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

03
  
04
<item

05
    android:id="@+android:id/background"

06
    android:drawable="@drawable/unselect">

07
</item>

08
<item

09
    android:id="@+android:id/secondaryProgress"

10
    android:drawable="@drawable/unselect">

11
</item>

12
<item

13
    android:id="@+android:id/progress"

14
    android:drawable="@drawable/selected">

15
</item>

16
  
17
</layer-list>

之后再styles.xml下添加一个标签，这个style继承父style Widget.RatingBar

1
<style name="roomRatingBar" parent="<a
 href="http://my.oschina.net/asia" target="_blank"rel="nofollow">@android</a>
 :style/Widget.RatingBar">

2
  
3
<item name="android:progressDrawable">@drawable/ratingbar_drawable</item>

4
  
5
<item name="android:minHeight">48dip</item>

6
  
7
<item name="android:maxHeight">48dip</item>

8
  
9
</style>

之后定义布局文件资源ratingbar.xml;

01
<?xml version="1.0" encoding="utf-8"?>

02
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

03
    android:layout_width="fill_parent"

04
    android:layout_height="fill_parent"

05
    android:orientation="vertical" >

06
 
07
    <RatingBar

08
        android:layout_width="match_parent"

09
        android:layout_height="wrap_content"

10
        style="@style/roomRatingBar"

11
        android:layout_marginLeft="10dip"

12
        android:id="@+id/ratingbar"

13
        android:rating="1.5"

14
        android:stepSize="0.15"

15
        android:numStars="8"

16
    />

17
</LinearLayout>