カスタム評価バーを作成しました。これは 5 つの異なる色を持ち、星の下にポイントを持つ長方形のバーを持つことができます。これがどのように見えるかです:
私はこのビューをいくつかの場所で使用していますが、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()
(1 つの引き伸ばされた星のみが表示されます)。メソッドは次の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以降ではすべて問題ありませんが、Gingerbreadでは奇妙な状況がいくつかあります. まず第一に、時々ジンジャーブレッドではすべてが問題ありません。しかし、星がまったくないことがよくあります。ポイント付きの長方形バーは常に正しいですが、星が消えることがあります。ListView
これは、すべての行で評価バーを使用する画面の例です。
ご覧のとおり、大丈夫な場合もあれば、そうでない場合もあります:/ ナビゲーションのslidingMenuにこの評価バーがあり、ゆっくりスライドすると星が表示されますが、スライドが終了した後(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>