Question

我的ImageView和TextView未正确对齐。是因为我的布局设置？我想要的是ImageView对齐父对象和ImageView右侧的TextView。

enter image description here

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:scrollbars="none">

    <TableLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#ffffff"
            android:layout_marginTop="10dp"
            android:padding="10dp" >

            <ImageView
                android:id="@+id/profilePicture"
                android:layout_width="80dp"
                android:layout_height="80dp"
                android:layout_marginRight="8dp"
                android:src="@drawable/user_50"
                android:gravity="center" ></ImageView>

            <TextView
                        android:id="@+id/textView1"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text="Mohammad Nurdin, 26"
                        android:gravity="center"/>


        </TableRow>

<!-- .. -->

</TableLayout>
</ScrollView>

请告知如何修复它。

Answer 1

我尝试了类似的东西，至少根据你的要求

  <TableRow
        android:id="@+id/tableRow1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#ffffff"
        android:layout_marginTop="10dp"
        android:padding="10dp" >

        <ImageView
            android:id="@+id/profilePicture"
            android:layout_width="300dp"
            android:layout_height="80dp"
            android:layout_marginRight="8dp"
            android:src="@drawable/user_50"
            android:gravity="center"
            android:layout_gravity="left"></ImageView>

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingBottom="10dp"
            android:paddingRight="10dp"
            android:paddingTop="10dp"
            android:text="Mohammad Nurdin, 26"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:layout_column="70"
            android:layout_gravity="center" />

    </TableRow>

希望它有帮助...：）

Answer 2

将此添加到您的TableLayout：android:stretchColumns="0,1"，这在TableRow android:gravity="center"

中是可选的

<TableLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:stretchColumns="0,1">

    <TableRow
        android:id="@+id/tableRow1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:gravity="center"
        android:background="#ffffff"
        android:padding="5dp">

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

            android:src="@drawable/user" />

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Mohammad Nurdin, 26" />


    </TableRow>

</TableLayout>

输出如下： item layout

Answer 3

我已经找到了答案。在LinearLayout内使用TableLayout。

<TableLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#ffffff"
            android:layout_marginTop="10dp"
            android:padding="10dp" >

            <LinearLayout android:orientation="horizontal" 
         android:layout_width="fill_parent"
         android:layout_height="fill_parent">

            <ImageView
                android:layout_weight="1"
                android:id="@+id/profilePicture"
                android:layout_width="80dp"
                android:layout_height="80dp"
                android:src="@drawable/user_50"
                android:gravity="left" ></ImageView>

            <TextView
                        android:layout_weight="100"
                        android:id="@+id/textView1"
                        android:layout_width="0dip"
                        android:layout_height="wrap_content"
                        android:text="Mohammad Nurdin, 26"/>

            </LinearLayout>
        </TableRow>

<!-- ? -->

</TableLayout>

Answer 4

Gravity对于TableLayout中的ImageViews不像TextViews那样有效，你需要做的是将ImageView包装在RelativeLayout中，然后将ImageView对齐到它的新父... ..就像这样..

    <TableRow
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <RelativeLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="4">

        <ImageView
            android:id="@+id/myImage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:src="@mipmap/ic_launcher" />
    </RelativeLayout>

    <TextView
        android:id="@+id/myText"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="6"
        android:gravity="left"
        android:text="hello" />

Answer 5

这是因为引力

android:gravity="center"

您可以将其更改为

 android:gravity="left"

Android - ImageView在TableLayout中未正确对齐

5 个答案: