ConstraintLayout 平分布局

原文链接：https://juejin.im/post/5a31ee3af265da43294e0fe1

添加依赖

compile 'com.android.support.constraint:constraint-layout:1.0.2'

创建布局

<?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"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<Button
android:id="@+id/bt_a"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="scroller_scroll"
android:textSize="12dp"
app:layout_constraintBottom_toTopOf="@+id/button3"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toLeftOf="@+id/bt_b"/>
<Button
android:id="@+id/bt_b"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="scroller_fling"
android:textSize="12dp"
app:layout_constraintBottom_toTopOf="@+id/button3"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintLeft_toRightOf="@+id/bt_a"
app:layout_constraintRight_toLeftOf="@+id/bt_c"/>
<Button
android:id="@+id/bt_c"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="over_scroll"
android:textSize="12dp"
app:layout_constraintBottom_toTopOf="@+id/button3"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintLeft_toRightOf="@+id/bt_b"
app:layout_constraintRight_toRightOf="@+id/bt_d"/>
<Button
android:id="@+id/bt_d"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="overs_fling"
android:textSize="12dp"
app:layout_constraintBottom_toTopOf="@+id/button3"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintLeft_toRightOf="@+id/bt_c"
app:layout_constraintRight_toRightOf="parent"/>
<Button
android:id="@+id/button3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:text="Button"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
/>
</android.support.constraint.ConstraintLayout>
复制代码

需要了解的地方

宽度为0dp android:layout_width="0dp"
需要准确指定左右的约束 app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toLeftOf="@+id/bt_b"//使用@id 编译不通过，使用@+id就可以了
指定权重 app:layout_constraintHorizontal_weight="1"
约束也可以为parent app:layout_constraintBottom_toBottomOf="parent"

转载于:https://juejin.im/post/5a31ee3af265da43294e0fe1

ConstraintLayout 平分布局相关推荐

两个LinearLayout或者ConstraintLayout平分布局
两个LinearLayout平分布局如图所示: 代码如下,有需要的可以直接复制粘贴到activity_main.xml,之后可以在布局上增加自己想要的控件 <?xml version=" ...
Android ConstraintLayout约束布局的使用
前言:回廊一寸相思地,落月成孤,背灯和月花阴,已是十年踪迹十年心. -- 虞美人一.概述 AndroidStudi ...
【约束布局】ConstraintLayout 约束布局 ( 简介 | 引入依赖 | 基本操作 | 垂直定位约束 | 角度定位约束 | 基线约束 )
文章目录一. ConstraintLayout 简介 1. 引入约束布局 ( 1 ) 约束性布局作用和简介 2. 约束简介 ( 1 ) 约束个数要求 ( 2 ) 约束设置与显示位置 ...
Android入门教程：ConstraintLayout约束布局
原文首发自掘金芦苇APP团队,转载到自己小号上再发一遍~ 翻译By Leelion6.关于 ConstraintLayout 的文章其实已经不少了,不过看到这篇文章写的很有趣,以及在翻译的过程中,感受 ...
约束布局ConstraintLayout加快布局速度
Android Studio2.2更新布局设计器,同时,引人了约束布局ConstraintLayout. 简单来说,可以把它看做是相对布局的升级版本,但是区别与相对布局更加强调约束.何为约束,即控件之 ...
哲♂学三幻神带你学习ConstraintLayout(约束布局)
一句话概括本文: 本文详细讲述了一波 ConstraintLayout约束布局的用法,应该涵盖了该布局所有的用法,有遗漏的欢迎评论区提出- 引言其实这篇文章呢,是很久之前写的了,不过没发到掘金上 ...
【Android】ConstraintLayout约束布局最全解析
ConstraintLayout约束布局最全解析一.ConstraintLayout概述二.ConstraintLayout基础篇 2.1 基础操作 2.2 控件间添加约束 2.3 约束布局xml ...
Android ConstraintLayout约束布局的理解与使用
一.什么是约束布局(ConstraintLayout) ConstraintLayout 是一个使用"相对定位"灵活地确定微件的位置和大小的一个布局,在 2016 年 Google ...
layout布局_Android ConstraintLayout 降低布局层次，布局优化首选
目录 1. 介绍 2. ConstraintLayout的优点 3. ConstraintLayout使用方法 3.1 Relative positioning(相对定位) 3.2 Margins(边 ...

ConstraintLayout 平分布局

添加依赖

创建布局

需要了解的地方

ConstraintLayout 平分布局相关推荐

最新文章

热门文章