Question

我有一个ImageView和3个TextView。我需要在imageview下面对齐3个文本视图。第一个在左边。第二个在中心。右边第3个。

下面的代码适用于普通和小屏幕。但对于平板电脑和大屏幕，第一个文本视图不在imageview下面。它向左移动了。并且第三个TextView也移位了。

<RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/Rel_wind2_img">

        <ImageView
            android:id="@+id/window2_image1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:id="@+id/window2_image1"/>
        <TextView
            android:id="@+id/TV1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/window2_image1"
            android:layout_alignParentLeft="true"
            android:textAlignment="center"/>


        <TextView
            android:id="@+id/TV2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/window2_image1"
            android:layout_centerInParent="true"
            android:textAlignment="center"/>

        <TextView
            android:id="@+id/TV3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/window2_image1"
            android:layout_alignParentRight="true"
            android:text="@string/info2_txt_moves"
            android:textAlignment="center"/>

    </RelativeLayout>

我可以用语法解决这个问题。但我需要一种使用XML的简单方法。

Answer 1

在线性布局中给出布局权重。它将在所有文本视图之间平均设置宽度。试试这个

  <RelativeLayout android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/Rel_wind2_img"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:id="@+id/window2_image1"/>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/window2_image1"
        >
    <TextView
        android:id="@+id/TV1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_weight="1"
        android:textAlignment="center"/>


    <TextView
        android:id="@+id/TV2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_weight="1"
        android:textAlignment="center"/>

    <TextView
        android:id="@+id/TV3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:text="info2_txt_moves"
        android:layout_weight="1"
        android:textAlignment="center"/>
    </LinearLayout>
</RelativeLayout>

Answer 2

使用这个：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/Rel_wind2_img"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">

<ImageView
    android:id="@+id/window2_image1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:src="@mipmap/ic_launcher" />


<LinearLayout
 android:orientation="horizontal"
 android:layout_width="match_parent"
 android:layout_height="wrap_content">
 <TextView
    android:text="dfgf"
    android:id="@+id/TV1"
    android:layout_width="match_parent"
    android:layout_weight="1"
    android:layout_height="wrap_content"
    android:textAlignment="center" />


<TextView
    android:id="@+id/TV2"
    android:text="dfgf"
    android:layout_weight="1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textAlignment="center" />

<TextView
    android:id="@+id/TV3"
    android:text="dfgf"
    android:layout_weight="1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textAlignment="center" />

 </LinearLayout>
</LinearLayout>

希望这有助于你...如果你需要任何帮助，你可以问

Answer 3

执行此类UI设计的最佳方法是将布局划分为权重。因为如果我们将ui除以权重，它将根据分割大小自动调整，因此任何设备都不会出现问题。像：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <RelativeLayout
        android:orientation="vertical"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/Rel_wind2_img">
        <LinearLayout
            android:id="@+id/tr"
            android:layout_centerHorizontal="true"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

        <ImageView
            android:id="@+id/window2_image1"
            android:layout_width="fill_parent"
            android:layout_height="20dp"
            android:background="@color/black"
            />
        </LinearLayout>
        <LinearLayout
            android:layout_below="@+id/tr"
            android:weightSum="3"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <LinearLayout
                android:layout_weight="1"
                android:layout_width="0dp"
                android:layout_height="match_parent">
        <TextView
            android:id="@+id/TV1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="dhshshs"
            />
            </LinearLayout>
            <LinearLayout
                android:layout_weight="1"
                android:layout_width="0dp"
                android:layout_height="match_parent">

        <TextView
            android:id="@+id/TV2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:text="fjkhajhjfha"
            />
            </LinearLayout>
            <LinearLayout
                android:layout_weight="1"
                android:layout_width="0dp"
                android:layout_height="match_parent">
        <TextView
            android:id="@+id/TV3"
            android:text="aoifoijoajoifjoajofjafafg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/window2_image1"

      />
            </LinearLayout>
        </LinearLayout>

    </RelativeLayout>

</LinearLayout>

在ImageView下面对齐textview

3 个答案: