Android: как программно создавать StateListDrawable
У меня есть GridView для отображения некоторых объектов, и визуально каждый из объектов будет иметь значок изображения и текстовую метку. Я также хочу, чтобы значок изображения имел эффект "толчок и поп" при нажатии, то есть при нажатии изображение будет перемещаться на небольшое расстояние в нижнем правом направлении, а при отпускании вернется в исходное положение.
Объекты (и их значки изображений) относятся к некоторым динамическим источникам. Моя интуиция заключается в создании StateListDrawable для каждого элемента, который будет иметь два состояния: нажатие или нет. Для представления элемента GridView я бы использовал кнопку, которая может разместить Drawable и ярлык, который отлично удовлетворяет моему требованию.
Я определил класс элемента для обертывания исходного объекта:
public class GridItem<T> {
public static final int ICON_OFFSET = 4;
private StateListDrawable mIcon;
private String mLabel;
private T mObject;
public Drawable getIcon() {
return mIcon;
}
public void setIcon(Drawable d) {
if (null == d) {
mIcon = null;
}else if(d instanceof StateListDrawable) {
mIcon = (StateListDrawable) d;
} else {
InsetDrawable d1 = new InsetDrawable(d, 0, 0, ICON_OFFSET, ICON_OFFSET);
InsetDrawable d2 = new InsetDrawable(d, ICON_OFFSET, ICON_OFFSET, 0, 0);
mIcon = new StateListDrawable();
mIcon.addState(new int[] { android.R.attr.state_pressed }, d2);
mIcon.addState(StateSet.WILD_CARD, d1);
//This won't help either: mIcon.addState(new int[]{}, d1);
}
}
public String getLabel() {
return mLabel;
}
public void setLabel(String l) {
mLabel = l;
}
public T getObject() {
return mObject;
}
public void setObject(T o) {
mObject = o;
}
}
Теперь проблема заключается в том, что когда я касаюсь элемента сетки, значок "движется" совершенно так, как я ожидал, но он не восстанавливает свое исходное положение, когда мой палец поднимается, покидая элемент.
Мой вопрос: как программно создать эквивалент StateListDrawable для одного завышенного из XML-ресурса, например
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true"
android:drawable="@drawable/image_pressed" />
<item android:drawable="@drawable/image_normal" />
</selector>
?
Ответы
Ответ 1
Если ваши чертежи являются просто растровыми изображениями, вы можете их программно рисовать, но теперь это должно помочь, однако я задаюсь вопросом, в чем проблема с использованием InsetDrawable
здесь, в основном используйте подготовленный BitmapDrawables
, который нарисован программно, вам понадобится для изменения метода для приема растровых изображений b
Bitmap bc1 = Bitmap.createBitmap(b.getWidth() + ICON_OFFSET, b.getHeight() + ICON_OFFSET, Bitmap.Config.ARGB_8888);
Canvas c1 = new Canvas(bc1);
c1.drawBitmap(b, 0, 0, null);
Bitmap bc2 = Bitmap.createBitmap(b.getWidth() + ICON_OFFSET, b.getHeight() + ICON_OFFSET, Bitmap.Config.ARGB_8888);
Canvas c2 = new Canvas(bc2);
c2.drawBitmap(b, ICON_OFFSET, ICON_OFFSET, null);
mIcon = new StateListDrawable();
mIcon.addState(new int[] { android.R.attr.state_pressed }, new BitmapDrawable(bc2));
mIcon.addState(StateSet.WILD_CARD, new BitmapDrawable(bc1));
Ответ 2
Я вижу, что ответ уже принят. Я делюсь, если вы хотите назначать динамические цвета кнопок для пользователей как для обычного, так и для нажатого состояния. то вы можете просто вызвать эту функцию:
public static StateListDrawable convertColorIntoBitmap(String pressedColor, String normalColor){
/*Creating bitmap for color which will be used at pressed state*/
Rect rectPressed = new Rect(0, 0, 1, 1);
Bitmap imagePressed = Bitmap.createBitmap(rectPressed.width(), rectPressed.height(), Config.ARGB_8888);
Canvas canvas = new Canvas(imagePressed);
int colorPressed = Color.parseColor(pressedColor);
Paint paintPressed = new Paint();
paintPressed.setColor(colorPressed);
canvas.drawRect(rectPressed, paintPressed);
RectF bounds = new RectF();
bounds.round(rectPressed);
/*Creating bitmap for color which will be used at normal state*/
Rect rectNormal = new Rect(0, 0, 1, 1);
Bitmap imageNormal = Bitmap.createBitmap(rectNormal.width(), rectNormal.height(), Config.ARGB_8888);
Canvas canvasNormal = new Canvas(imageNormal);
int colorNormal = Color.parseColor(normalColor);
Paint paintNormal = new Paint();
paintNormal.setColor(colorNormal);
canvasNormal.drawRect(rectNormal, paintNormal);
/*Now assigning states to StateListDrawable*/
StateListDrawable stateListDrawable= new StateListDrawable();
stateListDrawable.addState(new int[]{android.R.attr.state_pressed}, new BitmapDrawable(imagePressed));
stateListDrawable.addState(StateSet.WILD_CARD, new BitmapDrawable(imageNormal));
return stateListDrawable;
}
Теперь вам нужно установить его как текстовое или фоновое изображение, как показано ниже:
if(android.os.Build.VERSION.SDK_INT>=16){
yourbutton.setBackground(convertColorIntoBitmap("#CEF6CE00","#4C9D32"));
}else{
yourbutton.setBackgroundDrawable(convertColorIntoBitmap("#CEF6CE00","#4C9D32"));
}
Здесь вы можете увидеть все, что вам нужно, чтобы динамически передавать цвета, и мы закончили. надеюсь, что это поможет кому-то:). Вы можете найти его тоже здесь:)
Ответ 3
Я видел предыдущие ответы, но придумал гораздо более короткое и лучшее решение, используя ColorDrawable
.
/**
* Get {@link StateListDrawable} given the {@code normalColor} and {@code pressedColor}
* for dynamic button coloring
*
* @param normalColor The color in normal state.
* @param pressedColor The color in pressed state.
* @return
*/
public static StateListDrawable getStateListDrawable(int normalColor, int pressedColor) {
StateListDrawable stateListDrawable = new StateListDrawable();
stateListDrawable.addState(new int[]{android.R.attr.state_pressed}, new ColorDrawable(pressedColor));
stateListDrawable.addState(StateSet.WILD_CARD, new ColorDrawable(normalColor));
return stateListDrawable;
}
Принимает разрешенные цвета как целое и использует ColorDrawable
, чтобы добавить их в StateListDrawable
.
После того, как вы выберете, вы можете использовать его просто так,
if (android.os.Build.VERSION.SDK_INT >= 16) {
mButton.setBackground(Utils.getStateListDrawable(ResourceUtils.getColor(R.color.white),
ResourceUtils.getColor(R.color.pomegranate)));
} else {
mButton.setBackgroundDrawable(Utils.getStateListDrawable(ResourceUtils.getColor(R.color.white),
ResourceUtils.getColor(R.color.pomegranate)));
}