2014年6月29日日曜日

Android : RatingBar のカスタマイズ 画像の設定とスペースの調整

星画像の設定

android:progressDrawable を設定する。
設定する drawable は layer_list で background が空の星、secondaryProgress が半分の星、progress が完全な星。

style.xml に追加
<style name="RatingBar" parent="android:Widget.RatingBar">
    <item name="android:progressDrawable">@drawable/rate_star</item>
    <item name="android:minHeight">36dp</item>
    <item name="android:maxHeight">36dp</item>
</style>

drawable/rating_star.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/rate_star_off" />
    <item android:id="@android:id/secondaryProgress"
        android:drawable="@drawable/rate_star_half" />
    <item android:id="@android:id/progress"
        android:drawable="@drawable/rate_star_on" />
</layer-list>

星画像の間のスペースの設定

参考 : Spacing between the stars of a rating bar?

残念なことに、星の間のスペースを調整する設定はない。
画像自体を編集し、左右の余白を作る必要がある。

0 件のコメント:

コメントを投稿