Monodroid - 处理重用 ListView 行的子视图上的事件

Question

Android 的 ListView 会重复使用已滚动到视图之外的行。 但是，在 C# 中处理行的子视图上的事件时，这似乎是一个问题。

在 Java 中添加事件处理程序的一种公认方法是显式设置一个处理程序，如下所示：

ImageView img = (ImageView) row.findViewById(R.id.pic);
img.setOnClickListener(new View.OnClickListener() {  
    public void onClick(View v) {
        System.out.println(position);
    }  
});

Xamarin 网站上的文档鼓励开发人员使用 C# 的 add 事件侦听器模式，该模式不适合重用的行：

ImageView img = row.FindViewById<ImageView> (Resource.Id.pic);
img.Click += (sender, e) => {
    Console.WriteLine(position);
};

---

设置事件处理程序的 Java 模式非常适合行重用，而其下方添加事件处理程序的 C# 模式会导致处理程序堆积在子节点上重用行的视图。

下面的代码显示了我编写的自定义 BaseAdapter 中的 GetView 方法。

public override Android.Views.View GetView (int position,
                                            View convertView, ViewGroup parent)
{
    View row = convertView;

    //TODO: solve event listener bug. (reused rows retain events).
    if (row == null) {
        row = LayoutInflater.From (userListContext)
                .Inflate (Resource.Layout.UserListUser, null, false);
    }

    ImageView profilePic = row.FindViewById<ImageView> (Resource.Id.profilePic);

    //if(profilePic.Clickable) { /** kill click handlers? **/ }
    profilePic.Click += async (object sender, EventArgs e) => {
        Bundle extras = new Bundle();
        extras.PutString("id", UserList[position].id);

        Intent intent = new Intent(userListContext, typeof(ProfileActivity));
        intent.PutExtras(extras);
        postListContext.StartActivity(intent);
    };

    return row;
}

问题是，当重复使用一行时，profilePic 视图仍然附加了原始的“点击”处理程序。

有没有办法 (a) 清除 profilePic.Click 或 (b) 使用带有匿名函数的 Android 的 profilePic.SetOnClickListener Java 模式？

或者，在“点击”处理程序仍然可以访问 position 的正确值的情况下，是否有更好的模式可以使用？

Answer 1

或者，在“点击”处理程序可以使用的地方是否有更好的模式？ 仍然可以访问正确的位置值吗？

使用setTag/getTag方法在ImageView点击监听器的Click方法中获取点击行的正确位置：

profilePic.SetTag(Resource.Id.profilePic, position);
profilePic.Click += async (object sender, EventArgs e) => {
        int clickedPos = (int)(((Button)sender).GetTag (Resource.Id.profilePic));
        Bundle extras = new Bundle();
        extras.PutString("id", UserList[clickedPos].id);
        ......
};

Answer 2

ViewHolder 模式提及/建议的第一个 +1。你在正确的轨道上@MicronXD 但是我想鼓励你使用 ViewHolder 模式，它可以很好地利用你的行的视图重用。

接下来，您需要在您的 Activity 中创建一个方法，该方法实际上完成了启动另一个 Activity 的工作，并且这个新方法应该接受一个 int，它是具有您感兴趣的图像的对象的 ID，或者您可以传入整个对象。因此，例如，如果您从 MainActivity 实例化您的自定义适配器，那么您可以创建一个名为 public void OnThumbnailClicked(int id)

然后每次点击图片时，获取被点击对象的id，然后调用方法如下：（我用了一个客户的例子）

public override View GetView(int position, View convertView, ViewGroup parent)
        {
            CustomerHolder holder = null;
            var view = convertView;

            if (view == null)
            {
                view = Context.LayoutInflater.Inflate(Resource.Layout.CustomRow, null);

                holder = new CustomerHolder();
                holder.Name = view.FindViewById<TextView>(Resource.Id.textViewName);
                holder.Email = view.FindViewById<TextView>(Resource.Id.textViewEmail);
                holder.Phone = view.FindViewById<TextView>(Resource.Id.textViewPhone);
                holder.Image = view.FindViewById<ImageButton>(Resource.Id.imageViewThumbail);

                view.Tag = holder;
            }
            else
            {
                    holder = view.Tag as CustomerHolder;
            }

            //At this point the holder holds reference to your view objects, whether they are 
            //recycled or created new. 
            //Next then you need to populate the views with the Customer info

            var Customer = Customers[position];
            holder.Name.Text = Customer.Name;
            holder.Email.Text = CustomerHolder.Email;
            holder.Phone.Text = Customer.Phone;
            holder.Image.SetImageResource = (Resource.Drawable.defaulthumbnail);
            holder.Image.Clickable = true;
            holder.Image.Click += (o, e) =>
            {
                   var myActivity = (MainActivity)Context;
                   myActivity.OnThumbnailclicked((Customer[position).id);

            };
            return view;
        }

       private class CustomerHolder : Java.Lang.Object
        {
            public TextView Name { get; set; }
            public TextView Email { get; set; }
            public TextView Phone { get; set; }
            public ImageView Thumbnail { get; set; }                
        }        

}