RelativeLayout 问题

Question

我开始为 Android 开发，与 iOS 相比，布局系统似乎相当困难。我有一个 RelativeLayout 和 4 ImageViews。最右边的 ImageView 应该垂直在屏幕中间。其他 3 ImageViews 应该放在左边。从 LinearLayout 切换到 RelativeLayout 后（仍然不知道这是否聪明），一旦我添加此行

android:layout_toLeftOf="@id/moto_icon"

左边的项目（第一个项目 [cloud1] 的 moto 图标，第二个项目的 cloud1，等等）ImageViews 的云彩消失了。

这是我的整个布局文件：

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context="de.manuel_schulze.motorradonline.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/content_main" />

    <LinearLayout
        android:id="@+id/splashScreen"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/colorPrimary"
        android:gravity="center"
        android:orientation="vertical"
        android:padding="5dp"
        android:visibility="visible">

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginBottom="8dp"
            android:orientation="horizontal">

            <ImageView
                android:id="@+id/moto_icon"
                android:layout_width="56dp"
                android:layout_height="42dp"
                android:layout_gravity="center"
                android:src="@drawable/moto_icon"/>

            <ImageView
                android:id="@+id/cloud1"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:layout_gravity="center"
                android:layout_toLeftOf="@id/moto_icon"
                android:src="@drawable/cloud"/>

            <ImageView
                android:id="@+id/cloud2"
                android:layout_width="12dp"
                android:layout_height="12dp"
                android:layout_gravity="center"
                android:layout_toLeftOf="@id/cloud1"
                android:src="@drawable/cloud"/>

            <ImageView
                android:id="@+id/cloud3"
                android:layout_width="16dp"
                android:layout_height="16dp"
                android:layout_gravity="center"
                android:layout_toLeftOf="@id/cloud2"
                android:src="@drawable/cloud"/>

        </RelativeLayout>


        <ImageView
            android:layout_width="240dp"
            android:layout_height="64dp"
            android:layout_gravity="center"
            android:src="@drawable/motorrad_logo" />

    </LinearLayout>

</android.support.design.widget.CoordinatorLayout>

如果我运行模拟器中的应用程序不会显示 3 朵云。在设计水龙头中，我只看到蓝色箭头。

您对修复 RelativeLayout 或替代方案有什么想法吗？

编辑：我想要的是：

Answer 1

为了最合适的图片设置：

        android:layout_centerVertical="true"

这将使它垂直居中

其余的做你所做的并使用android:layout_toLeftOf="@id/some_id"

但在这个场景中，您最右边的图像将在左侧，而不会显示其他图像。我没有完全明白你想要做什么，但是为了让你的图像非常居中使用 android:layout_centerInParent="true" 或给它足够的左边距 android:layout_marginLeft="@dimen/some_dimen" 所以让左边的图像显示在屏幕上。

或者简单地使用水平方向的线性布局

希望对您有所帮助

编辑：我现在看到你的图像，使用 centerInParent 属性。这就是你需要的

Answer 2

尝试以下代码：将您的内部 Linearlayout android:id="@+id/splashScreen" 替换为：

<LinearLayout
    android:id="@+id/splashScreen"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorPrimary"
    android:gravity="center"
    android:orientation="vertical"
    android:padding="5dp"
    android:visibility="visible">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp">

        <ImageView
            android:id="@+id/moto_icon"
            android:layout_width="56dp"
            android:layout_height="42dp"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:src="@mipmap/ic_launcher" />

        <ImageView
            android:id="@+id/cloud1"
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_toLeftOf="@id/moto_icon"
            android:src="@mipmap/ic_launcher" />

        <ImageView
            android:id="@+id/cloud2"
            android:layout_width="12dp"
            android:layout_height="12dp"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_toLeftOf="@id/cloud1"
            android:src="@mipmap/ic_launcher" />

        <ImageView
            android:id="@+id/cloud3"
            android:layout_width="16dp"
            android:layout_height="16dp"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_toLeftOf="@id/cloud2"
            android:src="@mipmap/ic_launcher" />

    </RelativeLayout>


    <ImageView
        android:layout_width="240dp"
        android:layout_height="64dp"
        android:layout_gravity="center"
        android:src="@mipmap/ic_launcher" />

</LinearLayout>

RelativeLayout 问题

RelativeLayout issues

xml

android

android-layout

android-relativelayout