Пользовательский Android Ratingbar
Я хочу реализовать собственный RatingBar в своем приложении для тренировок. Панель должна иметь 4 звезды и размер шага 1. Расположение выглядит следующим образом:
<com.example.workouttest.MyBar
android:id="@+id/rating"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:max="4"
android:numStars="4"
android:stepSize="1"
android:scaleX="0.6"
android:scaleY="0.6"
android:layout_gravity="right" />
Я хочу заменить звезды по умолчанию на пользовательские изображения. Но каждая из 4 звезд должна иметь различное изображение:
Звезда 1 = «Х», что означает «этот элемент отключен»
Звезда 2 = большой палец вниз
Звезда 3 = то, что представляет «нейтральный рейтинг»
Звезда 4 = большой палец вверх
Кроме того, когда, например, элемент оценивается как 3 (нейтральный рейтинг), все остальные звезды (1,2 и 4) должны отображать затененную версию своего изображения.
Я попытался выйти из RatingBar и придумал следующий код:
public class MyBar extends RatingBar {
private int[] starArrayColor = {
R.drawable.star_1_color,
R.drawable.star_2_color,
R.drawable.star_3_color,
R.drawable.star_4_color
};
private int[] starArrayGrey = {
R.drawable.star_1_grey,
R.drawable.star_2_grey,
R.drawable.star_3_grey,
R.drawable.star_4_grey
};
public MyBar(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
public MyBar(Context context, AttributeSet attrs) {
super(context, attrs);
}
public MyBar(Context context) {
super(context);
}
@Override
protected synchronized void onDraw(Canvas canvas) {
int stars = getNumStars();
float rating = getRating();
for (int i=0;i<stars;i++) {
Bitmap bitmap;
Resources res = getResources();
Paint paint = new Paint();
if ((int) rating == i) {
bitmap = BitmapFactory.decodeResource(res, starArrayColor[i]);
} else {
bitmap = BitmapFactory.decodeResource(res, starArrayGrey[i]);
}
canvas.drawBitmap(bitmap, 0, 0, paint);
canvas.save();
}
super.onDraw(canvas);
}
}
К сожалению, это не сработало. Он рисует только нормальные звезды с моими собственными изображениями в качестве фона.
Здесь кто-то, кто знает, как помочь мне решить эту проблему?
ОБНОВИТЬ
Благодаря Гейбу мой рабочий метод onDraw теперь выглядит так:
@Override
protected synchronized void onDraw(Canvas canvas) {
int stars = getNumStars();
float rating = getRating();
float x = 0;
for (int i=0;i<stars;i++) {
Bitmap bitmap;
Resources res = getResources();
Paint paint = new Paint();
x += 50;
if ((int) rating-1 == i) {
bitmap = BitmapFactory.decodeResource(res, starArrayColor[i]);
} else {
bitmap = BitmapFactory.decodeResource(res, starArrayGrey[i]);
}
Bitmap scaled = Bitmap.createScaledBitmap(bitmap, 48, 48, true);
canvas.drawBitmap(scaled, x, 0, paint);
canvas.save();
}
}