我希望在所有列表视图项目上实现同步动画,以使其进入编辑模式。这里的效果与我的目标相同:http://youtu.be/cFSRusFkI_I?t=2m6s我的列表项布局代码:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/item_content"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="4dp" >
<CheckBox
android:id="@+id/checkbox"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:visibility="invisible" />
<TextView
android:id="@+id/nameTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:textSize="16sp"
android:textStyle="bold" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:paddingRight="5dip"
android:src="@drawable/right_arrow" />
</RelativeLayout>
用户点击actionBar中的按钮后,我想动画滑动复选框从左到右滑动,并使用正确的textview动画,为复选框腾出空间。为了目的,我将复选框保持不可见,以测量动画的宽度。我用来制作checbox的动画方法(隐藏或显示,它取决于状态参数):
public void setListHandlesVisibleState(boolean state) {
AnimatorSet as = new AnimatorSet();
int childCount = mListView.getChildCount();
ArrayList<Animator> list = new ArrayList<Animator>();
for (int i = 0; i<childCount; ++i) {
CheckBox v = (CheckBox) mListView.getChildAt(i).findViewById(
R.id.checkbox);
TextView tv = (TextView) mListView.getChildAt(i).findViewById(
R.id.nameTextView);
if (state) {
list.add(ObjectAnimator.ofFloat(v, "x", -v.getWidth(),
v.getLeft()));
list.add(ObjectAnimator.ofFloat(v, "alpha", 0, 1));
list.add(ObjectAnimator.ofFloat(tv, "x", tv.getLeft(),
(float) (v.getWidth() * 0.9)));
} else {
list.add(ObjectAnimator.ofFloat(v, "x", v.getLeft(),
-v.getWidth()));
list.add(ObjectAnimator.ofFloat(v, "alpha", 1, 0));
list.add(ObjectAnimator.ofFloat(tv, "x",
(float) (v.getWidth() * 0.9), tv.getLeft()));
}
}
as.addListener(this);
as.playTogether(list);
as.setDuration(200);
as.start();
}
@Override
public void onAnimationEnd(Animator animation) {
mAdapter.notifyDataSetChanged();
}
当listview短于一个屏幕(没有视图重用)时,动画看起来很完美,非常流畅。当列表视图更长时,似乎还没有创建一些列表视图项,因此没有动画。我尝试在适配器中创建视图缓存并使用这些视图,而不是在适配器getView方法中使用convertView,并在该缓存中包含的视图上播放动画。我还注意到,创建listview时会创建所有可重用的视图(当我滚动listview转换视图时总是!= null)。
答案 0 :(得分:0)
查看有关ListViews
动画的this DevBytes video。
解决方案是使用StableArrayAdapter
(代码的直接链接)。这样可以防止View
对象在您执行动画时从您的下方被回收。
private class StableArrayAdapter extends ArrayAdapter<String> {
HashMap<String, Integer> mIdMap = new HashMap<String, Integer>();
public StableArrayAdapter(Context context, int textViewResourceId,
List<String> objects) {
super(context, textViewResourceId, objects);
for (int i = 0; i < objects.size(); ++i) {
mIdMap.put(objects.get(i), i);
}
}
@Override
public long getItemId(int position) {
String item = getItem(position);
return mIdMap.get(item);
}
@Override
public boolean hasStableIds() {
return true;
}
}
您可能还会发现this video有帮助。