2011-12-16 12 views
21

Ho cercato su ListDialogs. Ogni volta che si può mettere l'oggetto che si desidera con il:Icone in una finestra di dialogo Elenco

builder.setItems(items, new DialogInterface.OnClickListener() 
{ 
    public void onClick(DialogInterface dialog, int item) 
    { 

    } 
}); 

E pensando alla voci oggetto, che è una CharSequence come questo:

CharSequence[] items = getResources().getStringArray(R.array.share_dialog_list); 

Voglio sapere se un modo (qualche altro must hanno fatto: D) per rendere questo esistono ma utilizzando una visualizzazione personalizzata con le icone a sinistra, in questo modo:

enter image description here

risposta

56

Ecco una soluzione completa con un'ArrayAdapter estesa che consente le icone.

vedi note di progettazione per le finestre di dialogo a http://developer.android.com/design/building-blocks/dialogs.html Iconogaphy a http://developer.android.com/design/style/iconography.html e iconpacks a http://developer.android.com/design/downloads/index.html

Nota che la dimensione di questi sembra piuttosto buono a 48 x 48 dp, che non è una dimensione in bundle, in modo da' Dovrai scalare la tua icona dai download.

USO:

  @Override 
     public void onClick(View v) { 
      final String [] items = new String[] {"From Gallery", "From Camera"}; 
      final Integer[] icons = new Integer[] {R.drawable.dialog_gallery_icon, R.drawable.dialog_camera_icon}; 
      ListAdapter adapter = new ArrayAdapterWithIcon(getActivity(), items, icons); 

      new AlertDialog.Builder(getActivity()).setTitle("Select Image") 
       .setAdapter(adapter, new DialogInterface.OnClickListener() { 
        public void onClick(DialogInterface dialog, int item) { 
         Toast.makeText(getActivity(), "Item Selected: " + item, Toast.LENGTH_SHORT).show(); 
        } 
      }).show(); 
     } 

ArrayAdapterWithIcon.java

public class ArrayAdapterWithIcon extends ArrayAdapter<String> { 

private List<Integer> images; 

public ArrayAdapterWithIcon(Context context, List<String> items, List<Integer> images) { 
    super(context, android.R.layout.select_dialog_item, items); 
    this.images = images; 
} 

public ArrayAdapterWithIcon(Context context, String[] items, Integer[] images) { 
    super(context, android.R.layout.select_dialog_item, items); 
    this.images = Arrays.asList(images); 
} 

public ArrayAdapterWithIcon(Context context, int items, int images) { 
    super(context, android.R.layout.select_dialog_item, context.getResources().getTextArray(items)); 

    final TypedArray imgs = context.getResources().obtainTypedArray(images); 
    this.images = new ArrayList<Integer>() {{ for (int i = 0; i < imgs.length(); i++) {add(imgs.getResourceId(i, -1));} }}; 

    // recycle the array 
    imgs.recycle(); 
} 

@Override 
public View getView(int position, View convertView, ViewGroup parent) { 
    View view = super.getView(position, convertView, parent); 
    TextView textView = (TextView) view.findViewById(android.R.id.text1); 

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) { 
     textView.setCompoundDrawablesRelativeWithIntrinsicBounds(images.get(position), 0, 0, 0); 
    } else { 
     textView.setCompoundDrawablesWithIntrinsicBounds(images.get(position), 0, 0, 0); 
    } 
    textView.setCompoundDrawablePadding(
      (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 12, getContext().getResources().getDisplayMetrics())); 
    return view; 
} 

} 
+0

L'icona non cambia dimensione in base alle dimensioni dello schermo ... lo fa? – Si8

+1

@ SiKni8, dovresti fornire diversi drawable di risorse se desideri che siano di dimensioni diverse per le altre dimensioni dello schermo. – aaronvargas

+0

@ SiKni8: dato che stai facendo riferimento ai drawable di risorse, quello corretto viene preso in base alle dimensioni dello schermo, se lo inserisci nella directory corretta (res/drawable-? Dpi /) – chteuchteu

2

rendere la visualizzazione personalizzata come noi creiamo per la visualizzazione elenco

alert_customlist.xml

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="horizontal" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:padding="10dp" android:background="#ffffffff"> 
    <ImageView android:layout_width="50dp" android:layout_height="50dp" 
     android:textColor="#ffff0000" android:textSize="20dp" android:id="@+id/text1"/> 
    <TextView android:text="text view two" android:layout_width="fill_parent" android:layout_height="wrap_content" 
     android:textColor="#ffff0000" android:textSize="20dp" android:id="@+id/text2"/> 
</LinearLayout> 

Ora aggiungere questo punto di vista nell'oggetto AlertDialog come questo senso

controllo questo post http://mgmblog.com/2010/06/10/arrayadapter-and-alertdialog-for-single-choice-items/

+1

link è morto ... – kirtan403

Problemi correlati