我开始为 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
或替代方案有什么想法吗?
编辑:我想要的是:
最佳答案
尝试以下代码:将您的内部 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>
关于android - RelativeLayout 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42373557/