android - RelativeLayout 问题

Question

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

android:layout_toLeftOf="@id/moto_icon"

左边的项目(第一个项目 [cloud1] 的 moto 图标，第二个项目的 cloud1，等等)云的 ImageView 消失了。

这是我的整个布局文件:

<?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

尝试以下代码:将您的内部 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>