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

时间:2014-06-01 22:10:27

标签: android listview android-listview onclicklistener android-adapter

我有一个ListView,其中Adapter定义了自定义Layoutitem_song.xml。在每个元素中,我有3 TextView个和ImageView。我想在每个元素内的OnClickListener上实现ImageView。我尝试在自定义OnClickListener中实现Adapter,但我无法访问元素位置和数据。我如何实现这一目标?

我的自定义Adapter

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>

2 个答案:

答案 0 :(得分:1)

主要想法是,在调用OnClickListener时,您必须每次都添加getView() 。试试这段代码

@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。它允许访问匿名position实施中的OnClickListener

答案 1 :(得分:0)

试试这个:(我还没有对它进行过测试,但它应该可行)

public class AdapterVotacion extends BaseAdapter {
private Context context;
int currentPos;

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

    if (convertView == null) {
      ......

        currentPos = position;
        // on click listener

        view.icono.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {

                Toast.makeText(context, "Current position is "+currentPos, Toast.LENGTH_LONG).show();
            }
        });
 ......

您无法访问该职位的原因是因为无法从匿名内部类的范围内访问该职位。如果你使用相同的数据创建一个类变量,onClickListener也应该看到它。与观点相同。