如何让三个视图始终在一行中,并且它们之间总是具有相同的空间量?

时间:2016-10-26 11:42:18

标签: android xml layout views

我的目标是无论设备的显示有多大,都将三个视图放在一行中。此外,我希望这三个视图在它们之间具有相同的空间,以便它看起来是对称的。这两件事是否可能,如果是这样,怎么样?提前谢谢!

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

    tools:context="com.juliandrach.eatfit.MainActivity">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true">

        <ImageView
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:background="@drawable/profilbild"
            android:layout_margin="10dp"
            />
        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="Ernährungspläne"
            android:textAllCaps="true"
            android:textSize="21sp"
            android:layout_marginTop="15dp"
            android:textColor="@android:color/black"
            android:layout_weight="2"
            />
        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="Shop"
            android:textAllCaps="true"
            android:textSize="25sp"
            android:textColor="@android:color/black"
            android:layout_weight="1"
            android:layout_marginTop="15dp"/>
    </LinearLayout>
    (...)

3 个答案:

答案 0 :(得分:0)

您好试试这段代码希望这可以帮到您..

fron-end

答案 1 :(得分:0)

你必须使用wightsum作为3

LayoutWidth为1的每个内部视图都适合你

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:weightSum="3"
        android:orientation="horizontal"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true">

        <ImageView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:background="@mipmap/ic_launcher"
            android:layout_weight="1"
            android:layout_margin="10dp"
            />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="abc"
            android:textAllCaps="true"
            android:textSize="21sp"
            android:layout_marginTop="15dp"
            android:textColor="@android:color/black"
            android:layout_weight="1"
            android:id="@+id/textView" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="abc"
            android:textAllCaps="true"
            android:textSize="21sp"
            android:layout_marginTop="15dp"
            android:textColor="@android:color/black"
            android:layout_weight="1"
            android:id="@+id/textView1" />
    </LinearLayout>

</RelativeLayout>

如果不适合你,请告诉我。

答案 2 :(得分:0)

最终 看看

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

    tools:context="com.juliandrach.eatfit.MainActivity">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:weightSum="3"
    android:orientation="horizontal"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@mipmap/ic_launcher"
        android:layout_weight="0"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Ernährungspläne"
        android:textAllCaps="true"
        android:textSize="21sp"
        android:layout_marginTop="15dp"
        android:layout_marginLeft="15dp"
        android:textColor="@android:color/black"
        android:layout_weight="1"
        android:id="@+id/textView" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Shop"
        android:textAllCaps="true"
        android:textSize="21sp"
        android:layout_marginTop="15dp"
        android:layout_marginLeft="15dp"
        android:textColor="@android:color/black"
        android:layout_weight="1"
        android:id="@+id/textView1" />

</LinearLayout>
</RelativeLayout>

向左移动