对齐表格行android上的图标答案

【问题标题】：align icons on table row android对齐表格行android上的图标
【发布时间】：2014-10-16 20:51:56
【问题描述】：

您好，我在将 2 个图标和图标中心的文本视图对齐时遇到问题。实际上第一个图标和文本正确对齐，但最后一个图标“playIcon”未对齐。我希望他在右上角.. 全部对齐。这就是我所拥有的

这是我的 XML

    <?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:clickable="false"
    android:descendantFocusability="blocksDescendants"
    tools:context=".MainActivity" >

    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:stretchColumns="3"
        android:layout_margin="5dp" >

        <ImageView
            android:id="@+id/img"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:contentDescription="TODO" />

        <TextView
            android:id="@+id/txt"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"         
            android:layout_marginTop="10dp"
            android:gravity="center"
            android:textColor="#FFF"
            android:textSize="@dimen/text_size"
            android:textStyle="bold|italic"
            android:typeface="serif" />

        <ImageView
            android:id="@+id/playbutton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

             />

【问题讨论】：

标签： android icons alignment tablerow

【解决方案1】：

您可以使用 RelativeLayout 来左右对齐图像。像这样的代码：

    <?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:contentDescription="TODO"
        android:src="@drawable/ic_launcher" />

    <TextView
        android:id="@+id/txt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:layout_toRightOf="@id/img"
        android:layout_toLeftOf="@id/img2"
        android:gravity="center"
        android:text="Test"/>

    <ImageView
        android:id="@+id/img2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:contentDescription="TODO"
        android:src="@drawable/ic_launcher" />

</RelativeLayout>

对左图使用 android:layout_alignParentLeft="true"，对右图使用 android:layout_alignParentRight="true"。也为他们两个使用 android:layout_centerVertical="true"。

希望这段代码有用

【讨论】：