Android Studio的相对布局:

截屏2020-02-12下午3.10.06.png

我试了一下之前的先行布局的做出来的。

把源码也贴这

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    android:background="#F0ECEC"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <LinearLayout
        android:background="#FFFFFF"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:padding="20dp"
        >
        <View
            android:layout_width="300dp"
            android:layout_height="match_parent"
            android:background="#F0ECEC"
            android:layout_marginRight="20dp"
            />
        <View
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#ff0000"
            />
    </LinearLayout>>

    <LinearLayout
        android:background="#ffffff"
        android:layout_width="match_parent"
        android:layout_height="75dp"
        android:layout_marginBottom="20dp"
        >
        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#ffff00"
            >
        </View>
        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#ff0000"
            >
        </View>
        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#99ff00"
            >
        </View>
        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#00ffff"
            >
        </View>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="150dp"
        android:background="#ffffff"
        android:padding="13dp"
        >
        <View
            android:layout_height="match_parent"
            android:layout_width="match_parent"
            android:background="#FF0033"
            />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:orientation="horizontal"
        android:background="#FF0"
        android:padding="20dp"
        android:layout_marginTop="20dp"
        >
        <View
            android:layout_height="match_parent"
            android:layout_width="0dp"
            android:background="#000000"
            android:layout_weight="1"
            />
        <View
            android:layout_height="match_parent"
            android:layout_width="0dp"
            android:background="#FF0033"
            android:layout_weight="1"
            />
    </LinearLayout>
<!--    <TextView-->
<!--        android:layout_width="wrap_content"-->
<!--        android:layout_height="wrap_content"-->
<!--        android:text="Hello World!"-->
<!--        app:layout_constraintBottom_toBottomOf="parent"-->
<!--        app:layout_constraintLeft_toLeftOf="parent"-->
<!--        app:layout_constraintRight_toRightOf="parent"-->
<!--        app:layout_constraintTop_toTopOf="parent" />-->

</LinearLayout>

然后我们再来学习一下相对布局。

首先我们先来设置一个View然后我们再来用一下这个属性。

这个属性就是字面上的意思。

定位在父辈的底部。

截屏2020-02-12下午3.23.53.png
截屏2020-02-12下午3.18.38.png

如果我们要右下角的话那我们就可以想:

它已经在左下角了我们只要把它往右一就行了。

加一句:

截屏2020-02-12下午3.26.30.png

就行了。

截屏2020-02-12下午3.27.06.png

然后我们测试下一个属性。

我们建两个view然后我们就发现他们重合了在一起。

截屏2020-02-12下午3.29.44.png

那我们就用。

android:layout_toRightOf=”@id/view_1″

这个属性来把view2放在view1的右边好了。

截屏2020-02-12下午3.32.56.png

下一个属性:

android:layout_below=”@id/view_1″

我们可以把它放在下边。

截屏2020-02-12下午3.35.26.png

最后修改日期:2020年2月12日

作者

留言

撰写回覆或留言

发布留言必须填写的电子邮件地址不会公开。