Для моего приложения я пытаюсь добавить анимацию [растут / уменьшают + альфа-изменение] для каждого ImageView в моем макете. Мне удалось заставить анимации работать, и каждая из анимаций сохранялась после их завершения, установив fillAfter = "true" для обоих моих файлов XML (grow.xml и shrink.xml). Однако, кажется, есть некоторая странная ошибка анимации, которая приводит к росту невыбранных изображений, а затем «привязывается» к нормальному размеру, когда я устанавливаю fillAfter = "true для shrink.xml! Позвольте мне объяснить, как работает приложение а затем приведите сценарий, чтобы он стал более понятным:
Изначально для всех изображений альфа-уровни установлены на 50%. Когда я нажимаю на определенное изображение, оно увеличивается до 120%, а его альфа-уровень становится 100% (эффект «загорается»). Когда я нажимаю на другое изображение, ранее выбранное изображение уменьшается до 100%, а его уровень альфа возвращается до 50%, а текущее выбранное изображение будет расти, как описано ранее.
В моем макете у меня есть три изображения одинакового размера, размещенные в ряд. Я нажимаю на первое изображение, затем на второе, затем снова на первое. ОК, проблем нет. Теперь я нажимаю на третье изображение и получаю странную проблему с привязкой к первому изображению. Есть идеи как это исправить?
Я пробовал:
- image.setAlpha (...) чтобы избежать необходимости устанавливать альфа-уровень в shrink.xml, а затем вызывать fillAfter = "true" , но, к сожалению, это вызов API 11
- установка атрибута fillAfter только моих альфа-тегов на true в shrink.xml
- вызов image.startAnimation (fadeOut) сразу после анимации сжатия, но это выглядит ужасно.
- Переопределение onAnimationEnd () , но этот вызов никогда не достигается (??)
shrink.xml:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:fillAfter="true">
<scale
android:fromXScale="1.2"
android:toXScale="1.0"
android:fromYScale="1.2"
android:toYScale="1.0"
android:duration="300"
android:pivotX="50%"
android:pivotY="50%"/>
<alpha
android:fromAlpha="1.0"
android:toAlpha="0.5"
android:duration="300"/>
</set>
grow.xml
<?xml version="1.0" encoding="utf-8"?>
<set
xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:fillAfter="true">
<scale
xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXScale="1.0"
android:toXScale="1.20"
android:fromYScale="1.0"
android:toYScale="1.20"
android:duration="300"
android:pivotX="50%"
android:pivotY="50%"
/>
<alpha
android:fromAlpha="0.5"
android:toAlpha="1.0"
android:duration="300"/>
</set>
fade_out.xml:
<?xml version="1.0" encoding="UTF-8"?>
<alpha
xmlns:android="http://schemas.android.com/apk/res/android"
android:startOffset="300"
android:fromAlpha="1.0"
android:toAlpha="0.5"
android:fillAfter="true">
</alpha>
main.xml:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center">
<ImageView
android:id="@+id/image1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="20dip"
android:paddingRight="20dip"
android:src="@drawable/image1"/>
<ImageView
android:id="@+id/image2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="20dip"
android:paddingRight="20dip"
android:src="@drawable/image2"/>
<ImageView
android:id="@+id/image3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="20dip"
android:paddingRight="20dip"
android:src="@drawable/image3"/>
</LinearLayout>
Test.java:
public class Test extends Activity {
private View mSelected;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
final Animation fadeOut = AnimationUtils.loadAnimation(this, R.anim.fade_out);
final Animation grow = AnimationUtils.loadAnimation(this, R.anim.grow);
final Animation shrink = AnimationUtils.loadAnimation(this, R.anim.shrink);
OnClickListener listener = new OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
if (mSelected == v)
return;
if (mSelected != null)
mSelected.startAnimation(shrink);
mSelected = v;
mSelected.startAnimation(grow);
}
};
ImageView image1 = (ImageView)findViewById(R.id.image1);
image1.startAnimation(fadeOut);
image1.setOnClickListener(listener);
ImageView image2 = (ImageView)findViewById(R.id.image2);
image2.startAnimation(fadeOut);
image2.setOnClickListener(listener);
ImageView image3 = (ImageView)findViewById(R.id.image3);
image3.startAnimation(fadeOut);
image3.setOnClickListener(listener);
}}