Stile della riga ListView: testo allineato a sinistra e icona allineata a destra
-
22-09-2019 - |
Domanda
Sto cercando di ottenere una riga ListView simile alla seguente:
| Text-Text-Text <ImageButton> |
Con il pulsante immagine agganciato al bordo destro.Come posso fare questo?Ecco il codice di layout corrente che sto utilizzando.Che cosa sto facendo di sbagliato?
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/layercontainer"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#699">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_gravity="left">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="YO HOW SI IT GOESSDA" />
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_gravity="right">
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/trash" />
</LinearLayout>
</LinearLayout>
Il mio codice attualmente produce questo:
Soluzione
Passo 1:Usare un RelativeLayout
base.
Passo 2:Metti il tuo ImageButton
come avere android:layout_alignParentRight="true"
Passaggio n. 3:Metti il tuo TextView
ha avere android:layout_alignParentLeft="true"
, android:layout_toLeftOf="..."
(Dove ...
è l'ID del tuo ImageButton
), e forse qualche altro RelativeLayout.LayoutParams
valore per l'allineamento verticale
Altri suggerimenti
Il seguente frammento di codice fornisce un esempio di come creare una riga ListView che ha un testo (orizzontalmente allineato a sinistra, via android:layout_alignParentLeft="true"
), e un'icona (orizzontalmente allineato a destra via android:layout_alignParentRight="true"
), e tutto centrato verticalmente (android:layout_centerVertical="true"
) .
Si rende come segue (YMMV, a seconda stili globali):
C'è anche una nuova icona commentato-out che può essere posizionato alla sinistra del più a destra l'icona; rimuovere il commento XML tag per abilitare.
Ecco il layout di XML:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="?android:attr/listPreferredItemHeight"
android:descendantFocusability="blocksDescendants"
android:padding="6dp">
<!-- Note: android:descendantFocusability="blocksDescendants" set to ensure that
OnItemClickListener works by ensuring constituent controls do not take focus -->
<TextView
android:id="@+id/lbl_list_item_row_text"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:lines="1"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:text="My List Item Text"
/>
<!-- This can be uncommented to add another button
<ImageButton
android:id="@+id/btn_additional_icon"
android:layout_height="wrap_content"
android:layout_toLeftOf="@+id/icon_additional_icon"
android:layout_centerVertical="true"
android:layout_width="wrap_content"
android:padding="3dp"
android:background="@null"
android:src="@drawable/icon_additional_icon" />
-->
<ImageButton
android:id="@+id/icon_additional_icon"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:background="@null"
android:padding="3dp"
android:src="@drawable/icon_right_aligned_icon" />
</RelativeLayout>