Android: Elementy ListView z wieloma klikalnymi przyciskami

Question

Mam ListView, gdzie każdy element na liście zawiera TextView i dwa różne przyciski. Coś takiego:

ListView 
-------------------- 
[Text] 
[Button 1][Button 2] 
-------------------- 
[Text] 
[Button 1][Button 2] 
-------------------- 
... (and so on) ... 

Z tym kodem mogę utworzyć OnItemClickListener dla całego elementu:

listView.setOnItemClickListener(new OnItemClickListener() { 
    @Override 
    public void onItemClick(AdapterView<?> list, View view, int position, long id) { 
     Log.i(TAG, "onListItemClick: " + position); 

     } 

    } 
}); 

Jednakże nie chcę cały element do klikania, ale tylko dwa przyciski każdego elementu listy.

Więc moje pytanie jest, w jaki sposób zaimplementować onClickListener dla tych dwóch przycisków z następującymi parametrami:

• int button (który został wciśnięty przycisk elementu)
• int position (która jest elementem w liście, w którym kliknij przycisk stało)

---

Aktualizacja: Znalazłem rozwiązanie opisane w mojej odpowiedzi poniżej. Teraz mogę kliknąć/dotknąć przycisk na ekranie dotykowym. Jednak nie mogę ręcznie wybrać go za pomocą trackballa. Zawsze wybiera cały element listy i stamtąd przechodzi bezpośrednio do następnego elementu listy ignorując przyciski, mimo że ustawiłem .setFocusable(true) i setClickable(true) dla przycisków w getView().

Dodałem też ten kod do mojego niestandardowej listy adaptera:

@Override 
public boolean areAllItemsEnabled() { 
    return false;   
} 

@Override 
public boolean isEnabled(int position) { 
     return false; 
} 

To powoduje, że żaden element listy jest wybierana w ogóle więcej. Ale nie pomogło to w wyborze przycisków zagnieżdżonych.

Masz pomysł?

Answer 1

Rozwiązanie tego problemu jest łatwiejsze niż myślałem. Możesz po prostu dodać niestandardową metodę adaptera setOnClickListener() dla przycisków, których używasz.

Wszelkie dane związane z przyciskiem ma być dodany myButton.setTag() w getView() i mogą być dostępne w onClickListener poprzez view.getTag()

napisałem szczegółowe rozwiązanie na my blog jako przewodnika.

Answer 2

Prawdopodobnie znalazłeś, jak to zrobić, ale można nazwać

ListView.setItemsCanFocus(true) 

i teraz twoje przyciski złapie skupić

Answer 3

Jest to swego rodzaju odpowiedź występem @ znq za ...

Istnieje wiele przypadków, w których chcesz poznać pozycję wiersza dla klikniętego elementu ORAZ chcesz wiedzieć, który widok w wierszu został dotknięty. Będzie to o wiele ważniejsze w przypadku interfejsów tabletu.

Można to zrobić za pomocą następującego niestandardowego adaptera:

private static class CustomCursorAdapter extends CursorAdapter { 

    protected ListView mListView; 

    protected static class RowViewHolder { 
     public TextView mTitle; 
     public TextView mText; 
    } 

    public CustomCursorAdapter(Activity activity) { 
     super(); 
     mListView = activity.getListView(); 
    } 

    @Override 
    public void bindView(View view, Context context, Cursor cursor) { 
     // do what you need to do 
    } 

    @Override 
    public View newView(Context context, Cursor cursor, ViewGroup parent) { 
     View view = View.inflate(context, R.layout.row_layout, null); 

     RowViewHolder holder = new RowViewHolder(); 
     holder.mTitle = (TextView) view.findViewById(R.id.Title); 
     holder.mText = (TextView) view.findViewById(R.id.Text); 

     holder.mTitle.setOnClickListener(mOnTitleClickListener); 
     holder.mText.setOnClickListener(mOnTextClickListener); 

     view.setTag(holder); 

     return view; 
    } 

    private OnClickListener mOnTitleClickListener = new OnClickListener() { 
     @Override 
     public void onClick(View v) { 
      final int position = mListView.getPositionForView((View) v.getParent()); 
      Log.v(TAG, "Title clicked, row %d", position); 
     } 
    }; 

    private OnClickListener mOnTextClickListener = new OnClickListener() { 
     @Override 
     public void onClick(View v) { 
      final int position = mListView.getPositionForView((View) v.getParent()); 
      Log.v(TAG, "Text clicked, row %d", position); 
     } 
    }; 
} 

Answer 4

dla przyszłych czytelników:

aby wybrać ręcznie przycisków z wykorzystaniem trackball:

myListView.setItemsCanFocus(true); 

I wyłączyć skup się na całej liście pozycji:

myListView.setFocusable(false); 
myListView.setFocusableInTouchMode(false); 
myListView.setClickable(false); 

To działa dobrze dla mnie, mogę kliknąć na przyciski z ekranem dotykowym, a także alows skupić się kliknięcie za pomocą klawiatury

Answer 5

Nie jestem pewien najlepszy sposób, ale działa dobrze i cały kod pozostaje w ArrayAdapter.

package br.com.fontolan.pessoas.arrayadapter; 

import java.util.List; 

import android.content.Context; 
import android.text.Editable; 
import android.text.TextWatcher; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.view.View.OnClickListener; 
import android.view.ViewGroup; 
import android.widget.ArrayAdapter; 
import android.widget.EditText; 
import android.widget.ImageView; 
import br.com.fontolan.pessoas.R; 
import br.com.fontolan.pessoas.model.Telefone; 

public class TelefoneArrayAdapter extends ArrayAdapter<Telefone> { 

private TelefoneArrayAdapter telefoneArrayAdapter = null; 
private Context context; 
private EditText tipoEditText = null; 
private EditText telefoneEditText = null; 
private ImageView deleteImageView = null; 

public TelefoneArrayAdapter(Context context, List<Telefone> values) { 
    super(context, R.layout.telefone_form, values); 
    this.telefoneArrayAdapter = this; 
    this.context = context; 
} 

@Override 
public View getView(int position, View convertView, ViewGroup parent) { 
    LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
    View view = inflater.inflate(R.layout.telefone_form, parent, false); 

    tipoEditText = (EditText) view.findViewById(R.id.telefone_form_tipo); 
    telefoneEditText = (EditText) view.findViewById(R.id.telefone_form_telefone); 
    deleteImageView = (ImageView) view.findViewById(R.id.telefone_form_delete_image); 

    final int i = position; 
    final Telefone telefone = this.getItem(position); 
    tipoEditText.setText(telefone.getTipo()); 
    telefoneEditText.setText(telefone.getTelefone()); 

    TextWatcher tipoTextWatcher = new TextWatcher() { 
     @Override 
     public void onTextChanged(CharSequence s, int start, int before, int count) { 
     } 

     @Override 
     public void beforeTextChanged(CharSequence s, int start, int count, int after) { 
     } 

     @Override 
     public void afterTextChanged(Editable s) { 
      telefoneArrayAdapter.getItem(i).setTipo(s.toString()); 
      telefoneArrayAdapter.getItem(i).setIsDirty(true); 
     } 
    }; 

    TextWatcher telefoneTextWatcher = new TextWatcher() { 
     @Override 
     public void onTextChanged(CharSequence s, int start, int before, int count) { 
     } 

     @Override 
     public void beforeTextChanged(CharSequence s, int start, int count, int after) { 
     } 

     @Override 
     public void afterTextChanged(Editable s) { 
      telefoneArrayAdapter.getItem(i).setTelefone(s.toString()); 
      telefoneArrayAdapter.getItem(i).setIsDirty(true); 
     } 
    }; 

    tipoEditText.addTextChangedListener(tipoTextWatcher); 
    telefoneEditText.addTextChangedListener(telefoneTextWatcher); 

    deleteImageView.setOnClickListener(new OnClickListener() { 
     @Override 
     public void onClick(View v) { 
      telefoneArrayAdapter.remove(telefone); 
     } 
    }); 

    return view; 
} 

} 

Answer 6

Czy rozwiązaniem platformowym dla tej implementacji nie jest użycie menu kontekstowego wyświetlanego po długim naciśnięciu?

Czy autor pytania zna menu kontekstowe? Ułożenie przycisków w widoku listy ma wpływ na wydajność, spowoduje zaśmiecenie interfejsu użytkownika i naruszenie zalecanego projektu interfejsu użytkownika dla platformy.

Po drugiej stronie; menu kontekstowe - ze względu na brak pasywnej reprezentacji - nie są oczywiste dla użytkownika końcowego. Zastanów się nad dokumentacją zachowania?

Ten przewodnik powinien dać ci dobry początek.

http://www.mikeplate.com/2010/01/21/show-a-context-menu-for-long-clicks-in-an-android-listview/

Answer 7

Nie mam dużego doświadczenia niż powyżej użytkowników, ale w obliczu tego samego problemu i rozwiązać ten z rozwiązania poniżej

<Button 
     android:id="@+id/btnRemove" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_toRightOf="@+id/btnEdit" 
     android:layout_weight="1" 
     android:background="@drawable/btn" 
     android:text="@string/remove" 
     android:onClick="btnRemoveClick" 
     /> 

btnRemoveClick zdarzenia Click

public void btnRemoveClick(View v) 
{ 
    final int position = listviewItem.getPositionForView((View) v.getParent()); 
    listItem.remove(position); 
    ItemAdapter.notifyDataSetChanged(); 

} 

Answer 8

I Wiedz o tym, że jest późno, ale może to pomóc, jest to przykład, jak pisać niestandardową klasę adaptera dla różnych akcji klikania.

public class CustomAdapter extends BaseAdapter { 

    TextView title; 
    Button button1,button2; 

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

    public int getCount() { 
     return mAlBasicItemsnav.size(); // size of your list array 
    } 

    public Object getItem(int position) { 
     return position; 
    } 

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

     if (convertView == null) { 
      convertView = getLayoutInflater().inflate(R.layout.listnavsub_layout, null, false); // use sublayout which you want to inflate in your each list item 
     } 

     title = (TextView) convertView.findViewById(R.id.textViewnav); // see you have to find id by using convertView.findViewById 
     title.setText(mAlBasicItemsnav.get(position)); 
     button1=(Button) convertView.findViewById(R.id.button1); 
     button1.setOnClickListener(new View.OnClickListener() { 
     @Override 
     public void onClick(View view) { 
      //your click action 

      // if you have different click action at different positions then 
      if(position==0) 
       { 
         //click action of 1st list item on button click 
     } 
      if(position==1) 
       { 
         //click action of 2st list item on button click 
     } 
    }); 

// similarly for button 2 

    button2=(Button) convertView.findViewById(R.id.button2); 
     button2.setOnClickListener(new View.OnClickListener() { 
     @Override 
     public void onClick(View view) { 
      //your click action 

    }); 



     return convertView; 
    } 
}