Android约束布局ConstraintLayout

那么接下来就是添加约束了:(设置参照物)

在这里插入图片描述

(通过四个点来确定其布局)首先来个最简单的,上下左右都拉一次。

在这里插入图片描述

然后就不爆红了,这就是最基础的使用了(这时通过鼠标可以直接移动控件的位置),下面通过一个小Demo,来拓展一下

在这里插入图片描述

layout_constraintStart_toEndOf :同left_toRightOf

layout_constraintStart_toStartOf :同left_toLeftOf

layout_constraintEnd_toStartOf :同right_toLeftOf

layout_constraintEnd_toEndOf :同right_toRightOf

layout_constraintLeft_toLeftOf :当前View的左侧和另一个View的左侧位置对齐

layout_constraintLeft_toRightOf :当前view的左侧会在另一个View的右侧位置

layout_constraintRight_toLeftOf :当前view的右侧会在另一个View的左侧位置

layout_constraintRight_toRightOf :当前View的右侧和另一个View的右侧位置对齐

layout_constraintTop_toTopOf :头部对齐

layout_constraintTop_toBottomOf :当前View在另一个View的下侧

layout_constraintBottom_toTopOf :当前View在另一个View的上方

layout_constraintBottom_toBottomOf :底部对齐

layout_constraintBaseline_toBaselineOf :文字底部对齐

Demo代码如下:

<?xml version="1.0" encoding="utf-8"?>

<android.support.constraint.ConstraintLayout 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”

tools:context=“.MainActivity”>

<EditText

android:id=“@+id/main_et_user”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginStart=“32dp”

android:layout_marginLeft=“32dp”

android:layout_marginTop=“8dp”

android:layout_marginEnd=“8dp”

android:layout_marginRight=“8dp”

android:layout_marginBottom=“8dp”

android:ems=“10”

android:inputType=“textMultiLine”

app:layout_constraintBottom_toBottomOf=“parent”

app:layout_constraintEnd_toEndOf=“parent”

app:layout_constraintHorizontal_bias=“0.493”

app:layout_constraintStart_toStartOf=“parent”

app:layout_constraintTop_toTopOf=“parent”

app:layout_constraintVertical_bias=“0.164” />

<TextView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginStart=“8dp”

android:layout_marginLeft=“8dp”

android:layout_marginTop=“8dp”

android:layout_marginEnd=“8dp”

android:layout_marginRight=“8dp”

android:layout_marginBottom=“8dp”

android:text=“密 码:”

app:layout_constraintBottom_toBottomOf=“parent”

app:layout_constraintEnd_toEndOf=“parent”

app:layout_constraintHorizontal_bias=“0.079”

app:layout_constraintStart_toStartOf=“parent”

app:layout_constraintTop_toTopOf=“parent”

app:layout_constraintVertical_bias=“0.185” />

<Button

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginStart=“8dp”

android:layout_marginLeft=“8dp”

android:layout_marginTop=“8dp”

android:layout_marginEnd=“8dp”

android:layout_marginRight=“8dp”

android:layout_marginBottom=“8dp”

android:text=“登录”

app:layout_constraintBottom_toBottomOf=“parent”

app:layout_constraintEnd_toEndOf=“parent”

app:layout_constraintHorizontal_bias=“0.224”

app:layout_constraintStart_toStartOf=“parent”

app:layout_constraintTop_toTopOf=“parent”

app:layout_constraintVertical_bias=“0.89” />

<Button

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginStart=“8dp”

android:layout_marginLeft=“8dp”

android:layout_marginTop=“8dp”

android:layout_marginEnd=“8dp”

android:layout_marginRight=“8dp”

android:layout_marginBottom=“8dp”

android:text=“注册”

app:layout_constraintBottom_toBottomOf=“parent”

app:layout_constraintEnd_toEndOf=“parent”

app:layout_constraintHorizontal_bias=“0.739”

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值