android - 在每个 ListView 元素内的 imageView 上添加一个 OnClickListener

Question

我有一个 ListView，带有一个自定义 Adapter 和一个在 item_song.xml 中定义的 Layout。在每个元素中，我有 3 个 TextView 和一个 ImageView。我想在每个元素内的 ImageView 上实现一个 OnClickListener。我已尝试在自定义 Adapter 中实现 OnClickListener，但我无法访问元素位置和数据。我如何实现这一点？

我的自定义适配器:

package clases;

import java.util.ArrayList;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
import es.grupobcn.jaggerpub.R;

public class AdapterVotacion extends BaseAdapter {

    private Context context;
    ArrayList<Cancion> arrayitms;

    public AdapterVotacion(Context context, ArrayList<Cancion> listarry) {
        super();
        this.context = context;
        this.arrayitms = listarry;
    }

    // devuelve el tamaño del arrayList
    @Override
    public int getCount() {
        return arrayitms.size();
    }

    // devuelve el objeto de la clase Item_objct del array
    @Override
    public Object getItem(int position) {
        return arrayitms.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    // declaro una clase STATIC que representa una fila
    public static class Fila {
        TextView song_name;
        TextView song_artist;
        TextView song_votes;
        ImageView icono;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Fila view;
        LayoutInflater inflator = (LayoutInflater) context
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        if (convertView == null) {
            view = new Fila();

            // creamos el objeto item y lo traemos del array
            Cancion itm = arrayitms.get(position);
            convertView = inflator.inflate(R.layout.item_song, null);

            // song_name
            view.song_name = (TextView) convertView
                    .findViewById(R.id.nombre_cancion);
            // metemos en el campo titulo el nombre de la opcion obtenida del
            // objeto
            view.song_name.setText(itm.song_name);

            // song_artist
            view.song_artist = (TextView) convertView
                    .findViewById(R.id.nombre_artista);
            // metemos en el campo titulo el nombre de la opcion obtenida del
            // objeto
            view.song_artist.setText(itm.song_artist);

            // song_votes
            view.song_votes = (TextView) convertView
                    .findViewById(R.id.numero_de_votos);
            // metemos en el campo titulo el nombre de la opcion obtenida del
            // objeto
            view.song_votes.setText(String.valueOf(itm.song_votes));

            // ICONO
            view.icono = (ImageView) convertView.findViewById(R.id.boton_votar);
            // seteamos el icono correspondiente
            view.icono.setImageResource(R.drawable.votar);
            // on click listener

            //view.icono.setOnClickListener(this);
            /*view.icono.setOnClickListener(new OnClickListener() {

                @Override
                public void onClick(View v) {
                    Toast.makeText(context, "Has hecho click en el temazo "+v, Toast.LENGTH_LONG).show();
                }
            });*/

            convertView.setTag(view);
        } else {
            view = (Fila) convertView.getTag();
        }
        return convertView;
    }

/*  @Override
    public void onClick(View v) {
        Toast.makeText(context, "Has hecho click en el elemento "+v.get, Toast.LENGTH_LONG).show();
    }*/

}

我的item_song.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="48dp"
    android:baselineAligned="false"
    android:orientation="horizontal"
    android:weightSum="6" >

    <!-- Linear de nombre de artista y cancion -->

    <LinearLayout
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_weight="4"
        android:gravity="center_vertical"
        android:orientation="vertical" >

        <!-- Textview nombre artista (pequeño) -->

        <TextView
            android:id="@+id/nombre_artista"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="5dp"
            android:layout_marginTop="10dp"
            android:textColor="#FFFFFF"
            android:textSize="16sp" />

        <!-- Textview nombre cancion (grande) -->

        <TextView
            android:id="@+id/nombre_cancion"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="10dp"
            android:layout_marginTop="5dp"
            android:textColor="#FFFFFF"
            android:textSize="20sp" />
    </LinearLayout>

    <!-- Linear de icono de votar y textview de numero de votos actuales -->

    <LinearLayout
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_marginRight="10dp"
        android:layout_weight="2"
        android:gravity="right"
        android:orientation="vertical" >

        <!-- Textview numero de votos -->

        <TextView
            android:id="@+id/numero_de_votos"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="5dp"
            android:layout_marginTop="10dp"
            android:textColor="#FFFFFF"
            android:textSize="20sp" />

        <!-- image view boton votar -->

        <ImageView
            android:id="@+id/boton_votar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:layout_marginBottom="10dp"
            android:contentDescription="votar"
            android:src="@drawable/votar" />
    </LinearLayout>

</LinearLayout>

Answer 1

主要思想是当 getView() 被调用时，您必须添加 OnClickListener 每次。试试这段代码

@Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        Fila view;
        LayoutInflater inflator = (LayoutInflater) context
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        if (convertView == null) {
            view = new Fila();

            // creamos el objeto item y lo traemos del array
            Cancion itm = arrayitms.get(position);
            convertView = inflator.inflate(R.layout.item_song, null);

            // song_name
            view.song_name = (TextView) convertView
                    .findViewById(R.id.nombre_cancion);
            // metemos en el campo titulo el nombre de la opcion obtenida del
            // objeto
            view.song_name.setText(itm.song_name);

            // song_artist
            view.song_artist = (TextView) convertView
                    .findViewById(R.id.nombre_artista);
            // metemos en el campo titulo el nombre de la opcion obtenida del
            // objeto
            view.song_artist.setText(itm.song_artist);

            // song_votes
            view.song_votes = (TextView) convertView
                    .findViewById(R.id.numero_de_votos);
            // metemos en el campo titulo el nombre de la opcion obtenida del
            // objeto
            view.song_votes.setText(String.valueOf(itm.song_votes));

            // ICONO
            view.icono = (ImageView) convertView.findViewById(R.id.boton_votar);
            // seteamos el icono correspondiente
            view.icono.setImageResource(R.drawable.votar);

            convertView.setTag(view);
        } else {
            view = (Fila) convertView.getTag();
        }


        view.icono.setOnClickListener(new OnClickListener() {

                    @Override
                    public void onClick(View v) {
                        Toast.makeText(context, "Position " + position, Toast.LENGTH_LONG).show();
                    }
                });
            return convertView;
        }

注意 position 参数必须 final。它允许在匿名 OnClickListener 实现中访问 position