Стили строк ListView - выровненный по левому краю текст и выровненный по правому краю значок - PullRequest
6 голосов
/ 22 февраля 2010

Я пытаюсь, чтобы строка ListView выглядела следующим образом:

| Text-Text-Text                        <ImageButton> |

С кнопкой изображения, привязанной к правому краю. Как я могу это сделать? Вот текущий код макета, который я использую. Что я делаю не так?

<?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>

Мой код в настоящее время производит это: grrr

Ответы [ 2 ]

16 голосов
/ 22 февраля 2010

Шаг # 1: Используйте RelativeLayout базу.

Шаг № 2: укажите ImageButton как имеющий android:layout_alignParentRight="true"

Шаг # 3: У вашего TextView есть android:layout_alignParentLeft="true", android:layout_toLeftOf="..." (где ... - идентификатор вашего ImageButton) и, возможно, какое-то другое значение RelativeLayout.LayoutParams для вертикального выравнивания

2 голосов
/ 09 февраля 2015

Следующий фрагмент кода предоставляет пример того, как создать строку ListView, которая имеет некоторый текст (по горизонтали по левому краю с помощью android:layout_alignParentLeft="true") и значок (по горизонтали по правому краю с помощью android:layout_alignParentRight="true") и все по вертикали по центру (android:layout_centerVertical="true").

Отображается следующим образом (YMMV, в зависимости от глобальных стилей):

Rendering of code example

Существует также закомментированная дополнительная иконка, которая может быть размещена слева от крайней правой иконки; удалите теги комментариев XML для включения.

Вот макет 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>
...