ConstraintLayout 平分布局

最新推荐文章于 2023-06-28 18:16:17 发布
最新推荐文章于 2023-06-28 18:16:17 发布
阅读量3k 收藏
点赞数
分类专栏： Android
原文链接：https://juejin.im/post/5a31ee3af265da43294e0fe1
版权

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

添加依赖

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

创建布局

 

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

  2. <android.support.constraint.ConstraintLayout

  3. xmlns:android="http://schemas.android.com/apk/res/android"

  4. xmlns:app="http://schemas.android.com/apk/res-auto"

  5. android:layout_width="match_parent"

  6. android:layout_height="match_parent"

  7. android:orientation="vertical">

  8.  

  9. <Button

  10. android:id="@+id/bt_a"

  11. android:layout_width="0dp"

  12. android:layout_height="wrap_content"

  13. android:text="scroller_scroll"

  14. android:textSize="12dp"

  15. app:layout_constraintBottom_toTopOf="@+id/button3"

  16. app:layout_constraintHorizontal_weight="1"

  17. app:layout_constraintLeft_toLeftOf="parent"

  18. app:layout_constraintRight_toLeftOf="@+id/bt_b"/>

  19.  

  20. <Button

  21. android:id="@+id/bt_b"

  22. android:layout_width="0dp"

  23. android:layout_height="wrap_content"

  24. android:text="scroller_fling"

  25. android:textSize="12dp"

  26. app:layout_constraintBottom_toTopOf="@+id/button3"

  27. app:layout_constraintHorizontal_weight="1"

  28. app:layout_constraintLeft_toRightOf="@+id/bt_a"

  29. app:layout_constraintRight_toLeftOf="@+id/bt_c"/>

  30.  

  31. <Button

  32. android:id="@+id/bt_c"

  33. android:layout_width="0dp"

  34. android:layout_height="wrap_content"

  35. android:text="over_scroll"

  36. android:textSize="12dp"

  37. app:layout_constraintBottom_toTopOf="@+id/button3"

  38. app:layout_constraintHorizontal_weight="1"

  39. app:layout_constraintLeft_toRightOf="@+id/bt_b"

  40. app:layout_constraintRight_toRightOf="@+id/bt_d"/>

  41.  

  42. <Button

  43. android:id="@+id/bt_d"

  44. android:layout_width="0dp"

  45. android:layout_height="wrap_content"

  46. android:text="overs_fling"

  47. android:textSize="12dp"

  48. app:layout_constraintBottom_toTopOf="@+id/button3"

  49. app:layout_constraintHorizontal_weight="1"

  50. app:layout_constraintLeft_toRightOf="@+id/bt_c"

  51. app:layout_constraintRight_toRightOf="parent"/>

  52.  

  53. <Button

  54. android:id="@+id/button3"

  55. android:layout_width="0dp"

  56. android:layout_height="wrap_content"

  57. android:layout_marginEnd="8dp"

  58. android:layout_marginStart="8dp"

  59. android:layout_marginTop="8dp"

  60. android:text="Button"

  61. app:layout_constraintBottom_toBottomOf="parent"

  62. app:layout_constraintEnd_toEndOf="parent"

  63. app:layout_constraintStart_toStartOf="parent"

  64. />

  65.  

  66. </android.support.constraint.ConstraintLayout>

  67. 复制代码

 

 

 

需要了解的地方

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

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

Android开发之约束布局平均分布|ConstraintLayout平均分布|约束布局均匀分布|ConstraintLayout均匀分布
xiayiye5的博客
05-27 7893
老路子先看效果图 1.先画7个小球会全部重叠在一起 <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" andro.
ConstraintLayout属性介绍及使用
Blue的博客
10-17 2233
ConstraintLayout属性介绍及使用 文章目录ConstraintLayout属性介绍及使用MATCH_CONSTRAINTCentering positioning And Bias （居中和偏移量）Circular positioning（圆形定位）constraint 属性MATCH_CONSTRAINTBias偏移量设置CircularPositioning 圆形定位Margin...
ConstraintLayout 完全解析 快来优化你的布局吧
热门推荐
Hongyang
09-17 16万+
本文已在我的公众号hongyangAndroid原创首发。 转载请标明出处： http://blog.csdn.net/lmj623565791/article/details/78011599 本文出自张鸿洋的博客 本文已在我的公众号hongyangAndroid原创首发,文章合集。 一、概述ConstraintLayout出现有一段时间了，不过一直没有特别去关注，
ConstraintLayout系列：ConstraintLayout会自动均分布局(一）
知道这个有什么用？
03-19 3116
设计稿如下： 这个布局，在不同宽度的屏幕上，都需要左右均分，用LinearLayout写，需要两层LinearLayout，外层水平从左到右排列，内层垂直从上到下。如果用RelativeLayout很难实现这种均分的效果。用ConstraintLayout，就比较方便了，而且只有一层布局。 <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:an.
两个LinearLayout或者ConstraintLayout平分布局
wynnie的博客
12-20 9430
两个LinearLayout平分布局如图所示： 代码如下,有需要的可以直接复制粘贴到activity_main.xml，之后可以在布局上增加自己想要的控件 &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;android.support.constraint.ConstraintLayout xmlns:android="http://sc...
android constraintlayout垂直居中_Android Material Design控件使用——ConstraintLayout 约束布局
weixin_39645308的博客
11-20 908
本章节将分为两个模块给大家推送，觉得不错的可以关注下哦介绍Android ConstraintLayout是谷歌推出替代PrecentLayout的组件。支持相对布局、线性布局、帧布局，看来更像是FrameLayout 、LinearLayout、`RelativeLayout·三者的结合体，并且比这三者更强大的是实现了百分比布局。大家都知道安卓碎片严重，使用百分比适配，那么将彻底解决适配问题总结...
最强大的布局——约束布局(ConstraintLayout)的一些技巧
DASHBB的博客
03-05 6505
一.使用viewBinding 1.想开启那个模块的viewBinding就进入对应模块的build.gradle 2.进入app的build.gradle 开启viewbinding viewBinding { enabled = true } 3.当你开启viewbinding后，app目录下的所有布局文件都会生成一个绑定类。这个类的类名是以xml布局文件名去掉下换线后，单词首字母大写加上Binding命名的。如activity_main.xml生成的绑定类为Activit
性能优化之布局优化(ConstraintLayout)
wenyingzhi的博客
06-06 1781
遇到的问题面试的时候,面试官总问我做过性能优化吗?我这种低级程序员当然会说一些基本的防止给自己的挖坑,例如布局优化啊,减少覆盖渲染呀啥的,我经常说不要包裹过多的布局,因为在xml生成view对象的也是需要解析xml解析效率降低,渲染view的层级过多都会导致性能降低,都是屁话,总之就是降低xml布局的层级关系,怎么降低呢?今天我学习了下ConstraintLayout,发现他很强大,他几乎可以包裹...
ConstraintLayout的使用
deeny的博客
07-19 925
ConstraintLayout的使用 ConstraintLayout的字面意思，约束布局。2016 年 Google I/O 推出。扁平式的布局方式，无任何嵌套，减少布局的层级，优化渲染性能。总之都是他的好，但是到底好在哪？先来学习一下看看。本篇文章是按照我的学习历程下来的。 属性介绍 layout_constraintLeft_toLeftOf layout_constraintLe...
ConstraintLayout布局进阶
ITzhongzi的博客
04-03 1385
写在前面： ConstraintLayout 的基本应用本文就不做介绍了，已经有很多不错的文章供大家可以参考，这里只介绍相对高级的使用。 参考文章 ConstraintLayout 属性详解 和Chain的使用 ConstraintLayout 学习笔记 ConstraintLayout简介 bias (来对当前控件定位置比例的) 假如我们当前控件是 横向约束（即左边和右边都有约束），我们...
ConstraintLayout系列：ConstraintLayout实现左右均分布局
知道这个有什么用？
05-28 1976
效果图： 关键代码：android:layout_width="0dp"，0dp在ConstraintLayout中的含义是match_constraint。 完整代码： <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:a
ConstraintLayout实例讲解
feather(猎羽)
03-16 1234
链接：http://blog.csdn.net/feather_wch/article/details/79585647 ConstraintLayout 1-基本属性(约束效果) 2-Start_toEndof(left\right类似) 3-Gone Margin(根据约束的目标的可见性决定本身的外边距) 4-约束链式风格 5-长宽比例 6-margin 7-权重 8-两侧间隙比例(bi...
Android开发 - 掌握ConstraintLayout（一）传统布局的问题
weixin_34174132的博客
10-30 148
在传统的Android开发中，页面布局占用了我们很多的开发时间，而且面对复杂页面的时候，传统的一些布局会显得非常复杂，每种布局都有特定的应用场景，我们通常需要各种布局结合起来使用来实现复杂的页面。随着ConstraintLayout的推出，这种现象有了很大的改善，而且它可以实现很多传统布局难以实现的功能。 本系列我们就一起来学习ConstraintLayout的使用，来大幅提高我们的生产力。 传统...
为什么要使用ConstraintLayout?
jingSummer的博客
11-23 1902
本文为博主原创文章，转载请注明出处：http://blog.csdn.net/jingsummer/article/details/78615360 源码地址：ConstraintLayoutDemo相信大家对ConstraintLayout并不陌生，Android Studio升级2.2之后，默认生成的XML布局已经从原来的RelativeLayout替换为ConstraintLayout，并且g
ConstraintLayout 水平比例布局 1:1:1
旧时光っ
11-30 2967
<androidx.constraintlayout.widget.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_pa..
ConstraintLayout基础介绍
weixin_33912453的博客
09-19 99
自去年Google I/O 大会发布ConstraintLayout至今，已有一年多的时间，但是并没有普及开来，了解过ConstraintLayout布局的人知道，它的性能的确提升了不少。在前不久，Google 开发者博客发布了一篇文章Understanding the performance benefits of ConstraintLayout（中文地址）详细分析ConstraintLayo...
ConstraintLayout简单体验
qq_32086641的博客
07-14 400
ConstraintLayout ConstraintLayout(约束布局)的出现是为了在Android应用布局中保持扁平的层次结构，减少布局的嵌套，为应用创建响应快速而灵敏的界面。ConstraintLayout可以替代其他布局。 由来 Android Studio在3.5.+版本之后创建布局时，默认的布局根节点就是ConstraintLayout，虽然可以通过修改Android Studio的默认配置以及自己手动选择根节点来继续使用LinearLayout、RelativeLayout、GrideLa
ConstraintLayout
最新发布
Steve_XiaoHai的博客
06-28 382
实现控件横向平均分布。
android中ConstraintLayout使用权重不平分长度
06-09
在 ConstraintLayout 中，可以使用 `app:layout_constraintHorizontal_weight` 和 `app:layout_constraintVertical_weight` 属性来实现权重分配。 如果您想要在水平方向上使用权重，您需要将所有视图的水平约束设置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值