AndroidスコアバーRatingBarカスタム設定
6480 ワード
RatingBarはスコアバーコントロールで、デフォルトの効果はいくつかの緑の星で、他のカスタム画像に変更するにはstyleをカスタマイズします.まず、レイアウトファイル:
ここでandroid:numStars="5"設定で表示される星の数は5です.Android:rating="5"選択数を5、つまりすべて選択
Android:isIndicator="true"設定スコアバーは結果のみを表示し、クリックで選択状態を変更することはできません.
res/valuesディレクトリの下でstylesを作成します.xmlファイルコード:
Android:progressDrawableはスコアバーパターンです.次にres/drawableディレクトリの下でfood_を作成します.rating_bar_full.xmlファイル
コード:
- 採点パターンをrating_に設定show.png、つまり選択したときのパターンです.
1 <RatingBar android:id="@+id/app_ratingbar" style="@style/MyRatingBar"
2 android:layout_marginTop="4dip" android:layout_width="wrap_content"
3 android:layout_height="wrap_content" android:numStars="5"
4 android:isIndicator="true" android:rating="5" />
ここでandroid:numStars="5"設定で表示される星の数は5です.Android:rating="5"選択数を5、つまりすべて選択
Android:isIndicator="true"設定スコアバーは結果のみを表示し、クリックで選択状態を変更することはできません.
res/valuesディレクトリの下でstylesを作成します.xmlファイルコード:
1 <?xml version="1.0" encoding="utf-8"?>
2 <resources>
3 <style name="MyRatingBar" parent="@android:style/Widget.RatingBar">
4 <item name="android:progressDrawable">@drawable/food_rating_bar_full</item>
5 <item name="android:minHeight">15dip</item>
6 <item name="android:maxHeight">15dip</item>
7 </style>
8 </resources>
Android:progressDrawableはスコアバーパターンです.次にres/drawableディレクトリの下でfood_を作成します.rating_bar_full.xmlファイル
コード:
1 <?xml version="1.0" encoding="utf-8"?>
2 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
3 <item android:id="@+android:id/background"
4 android:drawable="@drawable/rating" />
5 <item android:id="@+android:id/secondaryProgress"
6 android:drawable="@drawable/rating" />
7 <item android:id="@+android:id/progress"
8 android:drawable="@drawable/rating_show" />
9 </layer-list>