Question

The question is : How do I manage to put a listener on elements inside a LinearLayout, itself on a ListView of LinearLayout.

Concretely, I have a ListView, with a list of LinearLayout in it, and each contains a Button and a TextView. I simply want to know if the user is clicking on the Button or the TextView and in which row.

I’m not especially looking for code, but so far, I have a OnItemListener on my ListView and when I click in, it returns the LinearLayout, not the components in.

Answer 1

You’ll have to implement a custom adapter and manually set your listeners for those views(the Button and TextView) in the getView() method. To find the row where the Button or the TextView was clicked you could first set as a tag the position(the parameter you get in the getView() method) and then in the listener find out with which row you are dealing with based on the view’s tag. The method onItemClick will tell you only what row was clicked in the list.

Here is some sample code with the custom adapter:

class CustomCursorAdapter extends CursorAdapter {

    private LayoutInflater mInflater;
    private Context ctx;

    public CustomCursorAdapter(Context context, Cursor c,
            boolean autoRequery) {
        super(context, c, autoRequery);
        mInflater = LayoutInflater.from(context);
        ctx = context;
    }

    @Override
    public void bindView(View view, final Context context, Cursor cursor) {
        ViewHolder holder = (ViewHolder) view.getTag();
        String txt = cursor.getString(cursor.getColumnIndex("name"));
        holder.text.setText(txt);
        holder.button.setText(txt);
        int currentPosition = cursor.getPosition();
        holder.text.setTag(new Integer(currentPosition));
        holder.button.setTag(new Integer(currentPosition));

        OnClickListener listener = new OnClickListener() {

            @Override
            public void onClick(View v) {
                int thePosition = (Integer) v.getTag();
                if (v.getId() == R.id.button1) {
                    Toast.makeText(ctx,
                            "You clicked the Button from the row "
                                    + thePosition + "!", Toast.LENGTH_SHORT).show();
                } else if (v.getId() == R.id.textView1) {
                    Toast.makeText(ctx,
                            "You clicked the TextView from the row "
                                    + thePosition + "!", Toast.LENGTH_SHORT).show();
                }               
            }
        };
        holder.text.setOnClickListener(listener);
        holder.button.setOnClickListener(listener);
    }

    @Override
    public View newView(Context context, Cursor cursor, ViewGroup parent) {
        View v = mInflater.inflate(R.layout.adapters_cursor_adapter_clicks,
                null);
        ViewHolder holder = new ViewHolder();
        holder.text = (TextView) v.findViewById(R.id.textView1);
        holder.button = (Button) v.findViewById(R.id.button1);
        v.setTag(holder);
        return v;
    }

    class ViewHolder {
        TextView text;
        Button button;
    }

}

I used a single OnClickListener for both the views, you could use 2 listeners one for each view followinf the same principle. The full class + layout file could be found here: http://pastebin.com/uM0mb4mq (with gist available here: git://gist.github.com/2625797.git)