如何在自定義ListView行中相應地對齊ImageView和TextView？

Question

我使用自定義適配器和自定義行布局（包括ImageView和TextView）創建了一個列表視圖。

我的問題是，由於在我的應用程序運行時以編程方式創建了視圖，因此，例如， 出現以下結果：

* 黑色矩形代表每行中的圖標

包含這些視圖的視圖是“線性布局”，我試圖做的是將重力設置為中心。 這行得通。 但是當涉及到長標題時，Icon將移出中間位置 。

無論標題長度如何，我如何才能成功獲得以下結果（盡管不夠大）？

提前致謝！ 我的xml文件：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:gravity="center">

    <ImageView
        android:id="@+id/menu_item_icon"
        android:layout_width="32dp"
        android:layout_height="32dp"
        android:layout_marginRight="10dp"
        android:layout_marginEnd="10dp"/>

    <TextView
        android:id="@+id/menu_item_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Item_name"
        android:textColor="#fff"
        android:textSize="16sp"
        android:gravity="center"
        android:layout_marginLeft="10dp"
        android:layout_marginStart="10dp"
        android:layout_gravity="center_vertical"/>

</LinearLayout>

Answer 1

這是不可能的，因為線性布局的重力為“ 中心 ”，您應將此線性布局的重力更改為“ 向左 ”，並在視圖的左側進行任何所需的邊距處理 。

Answer 2

去做：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    >

    <ImageView
        android:id="@+id/menu_item_icon"
        android:layout_width="32dp"
        android:layout_height="32dp"
        android:layout_marginRight="10dp"
        android:layout_marginEnd="10dp"/>

    <TextView
        android:id="@+id/menu_item_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Item_name"
        android:textColor="#fff"
        android:textSize="16sp"
        android:gravity="center"
        android:layout_marginLeft="10dp"
        android:layout_marginStart="10dp"
        android:layout_gravity="center_vertical"/>

</LinearLayout>

Answer 3

試試看

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" 
android:orientation="horizontal"
android:gravity="center">

<ImageView
    android:id="@+id/menu_item_icon"
    android:layout_width="32dp"
    android:layout_height="32dp"
    android:layout_marginLeft="10dp"
    android:layout_marginStart="10dp"
    android:layout_marginRight="10dp"
    android:layout_marginEnd="10dp"
    android:layout_gravity="center_vertical"/>

<TextView
    android:id="@+id/menu_item_title"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Item_name"
    android:textColor="#fff"
    android:textSize="16sp"
    android:gravity="center_vertical"
    android:layout_gravity="center_vertical"/>

Answer 4

將LinearLayout gravity更改為left ，設置ImageView layout_marginLeft

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:gravity="left">
       <ImageView
        android:id="@+id/menu_item_icon"
        android:layout_width="32dp"
        android:layout_height="32dp"
        android:layout_marginLeft="50dp"