姜饼设备上的自定义评级栏

时间:2013-08-30 08:30:58

标签: android ratingbar

我创建了一个自定义RatingBar,它可以有5种不同的颜色,并且矩形条的点数低于星星。这是它的样子:

enter image description here

我在几个地方使用此视图,在Android 4.0+上一切正常。但在姜饼上我有一些问题。以下是视图类的代码:

public class KrinsenRating extends RelativeLayout {

private TextView mRanking;
private RatingBar mStars;

public KrinsenRating(Context context, AttributeSet attrs) {
    super(context, attrs);

    LayoutInflater layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    layoutInflater.inflate(R.layout.krinsen_rating, this);

    loadViews();
}

public KrinsenRating(Context context) {
    super(context);

    loadViews();
}

private void loadViews() {
    mRanking = (TextView) findViewById(R.id.ranking_bar_position);
    mStars = (RatingBar) findViewById(R.id.ranking_bar);
}

public void setRating(long rating){
    RatingConverter rc = new RatingConverter(rating);

    Bitmap bmp_empty = ((BitmapDrawable) getResources().getDrawable(R.drawable.star_empty)).getBitmap();
    Bitmap bmp_half = null;
    Bitmap bmp_full = null;

    switch (rc.getColor()) {
    case 1:
        bmp_half = ((BitmapDrawable) getResources().getDrawable(R.drawable.star_half1)).getBitmap();
        bmp_full = ((BitmapDrawable) getResources().getDrawable(R.drawable.star_full1)).getBitmap();

        mRanking.setBackgroundColor(getResources().getColor(R.color.ranking1));
        break;
    case 2:
        bmp_half = ((BitmapDrawable) getResources().getDrawable(R.drawable.star_half2)).getBitmap();
        bmp_full = ((BitmapDrawable) getResources().getDrawable(R.drawable.star_full2)).getBitmap();

        mRanking.setBackgroundColor(getResources().getColor(R.color.ranking2));
        break;
    case 3:
        bmp_half = ((BitmapDrawable) getResources().getDrawable(R.drawable.star_half3)).getBitmap();
        bmp_full = ((BitmapDrawable) getResources().getDrawable(R.drawable.star_full3)).getBitmap();

        mRanking.setBackgroundColor(getResources().getColor(R.color.ranking3));
        break;
    case 4:
        bmp_half = ((BitmapDrawable) getResources().getDrawable(R.drawable.star_half4)).getBitmap();
        bmp_full = ((BitmapDrawable) getResources().getDrawable(R.drawable.star_full4)).getBitmap();

        mRanking.setBackgroundColor(getResources().getColor(R.color.ranking4));
        break;
    case 5:
        bmp_half = ((BitmapDrawable) getResources().getDrawable(R.drawable.star_half5)).getBitmap();
        bmp_full = ((BitmapDrawable) getResources().getDrawable(R.drawable.star_full5)).getBitmap();

        mRanking.setBackgroundColor(getResources().getColor(R.color.ranking5));
        break;
    }

    mStars.setProgressDrawable(GUI.buildRatingBarDrawables(new Bitmap[]{bmp_empty, bmp_half, bmp_full}));
    mStars.setRating(rc.getRealRating());
    mRanking.setText(rating + "");
}
}

这一行令人困惑:mStars.setProgressDrawable(GUI.buildRatingBarDrawables(new Bitmap[]{bmp_empty, bmp_half, bmp_full}));但我不得不这样做,因为setProgressDrawable()调用后呈现星星的问题(只显示一个拉伸的星)。这是方法buildRatingBarDrawables

public static Drawable buildRatingBarDrawables(Bitmap[] images) {
    final int[] requiredIds = { android.R.id.background,
            android.R.id.secondaryProgress, android.R.id.progress };
    final float[] roundedCorners = new float[] { 5, 5, 5, 5, 5, 5, 5, 5 };
    Drawable[] pieces = new Drawable[3];
    for (int i = 0; i < 3; i++) {
        ShapeDrawable sd = new ShapeDrawable(new RoundRectShape(
                roundedCorners, null, null));
        BitmapShader bitmapShader = new BitmapShader(images[i],
                Shader.TileMode.REPEAT, Shader.TileMode.CLAMP);
        sd.getPaint().setShader(bitmapShader);
        ClipDrawable cd = new ClipDrawable(sd, Gravity.LEFT,
                ClipDrawable.HORIZONTAL);
        if (i == 0) {
            pieces[i] = sd;
        } else {
            pieces[i] = cd;
        }
    }
    LayerDrawable ld = new LayerDrawable(pieces);
    for (int i = 0; i < 3; i++) {
        ld.setId(i, requiredIds[i]);
    }
    return ld;
}

所以,Android ICS上的一切都还可以,而且在姜饼上我有一些奇怪的情况。首先,姜饼有时候一切都还可以。但通常根本就没有星星。带点的矩形条总是正确的,但是星星有时会消失。以下是来自ListView的屏幕,其中每一行都使用评级栏:

enter image description here

就像你可以看到的,有时候还可以,有时它没有:/我在导航slideMenu上有这个评级栏,当我慢慢滑动时会显示星星,但是在幻灯片结束后(当打开onOpened时)星星刚刚消失。

你有没有让我更开心的事情?:)

我为评级布局添加了xml文件:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/avatar_layout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center" >

<RatingBar
    android:id="@+id/ranking_bar"
    android:layout_width="wrap_content"
    android:layout_height="30dp"
    android:layout_centerHorizontal="true"
    android:clickable="false"
    android:focusable="false"
    android:isIndicator="true"
    android:numStars="3"
    android:progressDrawable="@drawable/krinsen_rating"
    android:stepSize="0.1" />

<TextView
    android:id="@+id/ranking_bar_position"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/ranking_bar"
    android:layout_centerHorizontal="true"
    android:contentDescription="@string/register_avatar"
    android:paddingBottom="2dp"
    android:paddingLeft="8dp"
    android:paddingRight="8dp"
    android:paddingTop="2dp"
    android:textColor="@android:color/white"
    android:textSize="14sp"
    android:textStyle="bold" />
    </RelativeLayout>

1 个答案:

答案 0 :(得分:2)

将您的评级drawable定义为可绘制的图层列表然后将其分配给您的RatingBar类将是一种更简单的方法。它适用于我的安卓姜饼和之前。

<?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/star_empty" />
    <item android:id="@+android:id/secondaryProgress"
          android:drawable="@drawable/star_empty" />
    <item android:id="@+android:id/progress"
          android:drawable="@drawable/star_full" />
</layer-list>

将它保存到和xml文件到drawables文件夹中,例如myCustomRatingBarDrawable.xml

然后在任何RatingBar视图上:

<RatingBar
        android:id="@+id/ratingbar"
        android:progressDrawable="@drawable/myCustomRatingBarDrawable"
        android:isIndicator="true"
        android:max="5"
        android:numStars="5"
        ...
/>