GridView 两次调用“位置 0”

Question

我正在使用 CustomAddapter-ArrayList 构建卡片的 GridView。 每个单元格包含 2 个图像视图（每次点击卡片的正面或背面只有一个可见）。 对于“翻转”，我使用动画。 代码工作正常，唯一不会随动画翻转的单元格是位置为 0 的单元格（image1 将更改为 image2 但没有动画）。 然后我注意到了一些可能是它的原因， 每次点击，位置 0 在 getView 中被调用两次

I/System.out: position: 0
I/System.out: position: 0
I/System.out: position: 1
I/System.out: position: 2
I/System.out: position: 3
... // up to 20

我试图在这个网站上找到答案，但他们一直在谈论布局高度，但没有帮助。 你能帮帮我吗？

自定义适配器：

public class CustomAdapter extends ArrayAdapter<Square> {

final AnimatorSet setRightOut;
final AnimatorSet setLeftIn;

public CustomAdapter(GameActivity context, ArrayList<Square> list) {
    super(context, 0, list);

    setRightOut = (AnimatorSet) AnimatorInflater.loadAnimator(context,
            R.animator.flip_right_out);
    setLeftIn = (AnimatorSet) AnimatorInflater.loadAnimator(context,
            R.animator.flight_left_in);
}

class ViewHolder {
    public ImageView img1,img2; //img1=card's back, img2=card's front (random pic)
}

public View getView (int position, View convertView, ViewGroup parent){

    ViewHolder viewHolder;
    if (convertView == null)
    {
    convertView= LayoutInflater.from(getContext()).inflate(R.layout.row, null);
    viewHolder=new ViewHolder();
    viewHolder.img1 = (ImageView)
    convertView.findViewById(R.id.imageView);
    viewHolder.img2 = (ImageView) convertView.findViewById(R.id.imageView2);
    convertView.setTag(viewHolder);//setting random pic}

    else{viewHolder= (ViewHolder) convertView.getTag();}

    System.out.println("position: " + position);
    viewHolder.img2.setImageResource(getItem(position).id);

        if (getItem(position).selected == 1) { //first flip

            setRightOut.setTarget( viewHolder.img1);
            setLeftIn.setTarget( viewHolder.img2);
            setRightOut.start();
            setLeftIn.start();
            getItem(position).selected = 2;  }

       else (getItem(position).selected == 2) //card was flipped already- stay flipped 
           {
            viewHolder.img2.setAlpha(1.0f);
            viewHolder.img1.setAlpha(0.0f);
           }

    return convertView;
}}

活动布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:orientation="vertical"
android:id="@+id/activity_game"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:background="#0f49b4"
tools:context="com.example.memory.GameActivity">


<GridView
    android:layout_width="match_parent"
    android:layout_height="410dp"
    android:numColumns="4"
    android:background="#d5e2e1"
    android:id="@+id/gridView"
 </GridView>

</LinearLayout>

行 xml：

?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal" android:layout_width="100dp"
android:layout_height="80dp">

<ImageView
    android:layout_width="100dp"
    android:layout_height="80dp"
    android:id="@+id/imageView"
    android:src="@drawable/q"/>

<ImageView
    android:layout_width="100dp"
    android:layout_height="80dp"
    android:id="@+id/imageView2"
    android:alpha="0"
 />

Answer 1

这是一个非常古老的行为，请查看此 SO 链接 - Multiple calling of getView() in GridView

您唯一的选择是保留一个翻转动作队列（只需选择一个集合数据结构或其他东西）并将其填充到onClick，然后在下一个getView 传递中，检查此队列的内容并如果需要，可以处理翻转。处理后，从队列中删除该条目。这只是为了确保您最终不会翻转两次。

由于Gridview 的性质（特别是对于其边界具有 wrap_content 属性的子对象），在getView 中保留非幂等代码也是有风险的。

不幸的是，我在面对确切的问题时也学到了同样的东西，尽管是ExpandableListView。