关于constraintlayout的相对定位属性用法总结

最新推荐文章于 2024-04-03 18:06:34 发布
最新推荐文章于 2024-04-03 18:06:34 发布
阅读量242 收藏
点赞数
分类专栏： Android 文章标签： android java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_48668928/article/details/130424278
版权
文章总结了ConstraintLayout中用于控制TextView对齐的属性，如left_toLeftOf、right_toRightOf、top_toTopOf等，详细解释了如何实现不同方向的对齐，包括左右、上下以及基线对齐，帮助理解Android布局设计。
摘要由CSDN通过智能技术生成

constraintlayout相对定位属性用法总结

主要使用两个控件TextView来展示这些属性，下面就简称为text1和text2两个控件，使用效果图来比较直接看效果大概属性都是这样写的，第一个框为当前控件属性，后一个为相对控件的属性

在这里插入图片描述

  1. 当前text2和text1的左侧对齐，左对齐
app:layout_constraintLeft_toLeftOf="@id/tex1"

在这里插入图片描述

  1. 当前text2的左侧和text1的右侧对齐
app:layout_constraintLeft_toRightOf="@id/tex1"

在这里插入图片描述

  1. 当前text2的右侧和text1的右侧对齐，右对齐
app:layout_constraintRight_toRightOf="@id/tex1"

在这里插入图片描述

  1. 当前text2的右侧和text1的左侧对齐
app:layout_constraintRight_toLeftOf="@id/tex1"

在这里插入图片描述

  1. text2的上头部和text1的上头部对齐
app:layout_constraintTop_toTopOf="@id/tex1"

在这里插入图片描述

  1. text2的上头部和text1的下头部对齐
 app:layout_constraintTop_toBottomOf="@id/tex1"

在这里插入图片描述

  1. text2的下部和text1的下部对齐
app:layout_constraintBottom_toBottomOf="@id/tex1"

在这里插入图片描述

  1. 当前text2的下部和text的上部对齐
app:layout_constraintBottom_toTopOf="@id/tex1"

在这里插入图片描述

首先介绍一下属性名称

在这里插入图片描述

  1. text2里面的文字和text1里面的文字下部对齐
app:layout_constraintBaseline_toBaselineOf="@id/tex1"

在这里插入图片描述

  1. BaseLine也就是text2里面文字基线，所以是text2文字基线对齐text1控件的下部
app:layout_constraintBaseline_toBottomOf="@id/tex1"

在这里插入图片描述

  1. text2里面文字基线对齐text1控件的上部
app:layout_constraintBaseline_toTopOf="@id/tex1"

在这里插入图片描述

  1. 效果和同left_toRightOf，text2左侧对齐text1右侧
app:layout_constraintStart_toEndOf="@id/tex1"

在这里插入图片描述

  1. 效果同left_toLeftOf左对齐
   app:layout_constraintStart_toStartOf="@id/tex1"

在这里插入图片描述

  1. 效果同right_toLeftOf，text2右侧对齐text1左侧
app:layout_constraintEnd_toStartOf="@id/tex1"

在这里插入图片描述

  1. 效果同right_toRightOf，text2和text1右对齐
app:layout_constraintEnd_toEndOf="@id/tex1"

在这里插入图片描述

迪迦的光
关注
专栏目录
ConstraintLayout使用详解与实战
06-13
3. **可视化使用方法**：课程将详细讲解如何在Android Studio的布局编辑器中使用拖拽和约束设置，以及实时预览功能，让开发者直观地看到布局效果。同时，还会介绍使用`Design`视图和`Blueprint`视图的技巧，以及如何...
Android ConstraintLayout 使用实例
meixi_android的博客
10-14 356
ConstraintLayout Android开发约束布局ConstraintLayout
【Android Studio安卓开发】ConstraintLayout约束布局 常用语句
weixin_46117362的博客
11-30 546
安卓ConstraintLayout布局
Android使用ConstraintLayout布局设置TextView基线对齐
热门推荐
qq_40310480的博客
03-22 1万+
前几天做Android的时候碰到以前的开发人员挖的坑 这个页面是需要在一个主页上循环显示并填充数据展示的,当然,默认的这些看不出来问题,我们加点量 看到了吗,字数一朵就显示不出来了,原因呢,就是因为这个高度是给死的,来,调成wrap_content(自适应)再试一下 看到了吗,这下一个不漏的显示出来了,但是整体布局已经大变样了,这就是LinerLayout的缺点了,于是乎,在加的各种Androi...
Android ConstraintLayout布局
假装你是大灰狼的专栏
01-02 2832
前言 ConstraintLayout约束布局, 与RelativeLayout有点类似。需要添加依赖 dependencies { ... ... implementation 'com.android.support.constraint:constraint-layout:1.1.3' } 1. 相对位置 主要属性如下， layout_constraintLeft_to...
Android ConstraintLayout 约束布局 1
最新发布
2401_83641634的博客
04-03 697
如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。欢迎大家一起交流讨论啊~《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！、源码讲义、实战项目、讲解视频，并且会持续更新！**如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。
ConstraintLayout
02-26
本文将深入探讨`ConstraintLayout`的原理、优势、使用方法以及一些实用技巧。 ### 1. `ConstraintLayout`简介 `ConstraintLayout`是Android Studio 3.0引入的一个新布局容器，它的核心特性在于支持二维布局约束，...
ConstraintLayout.doc
05-20
本文将深入探讨`ConstraintLayout`的核心特性和使用方法。 `ConstraintLayout`是一个基于约束的布局系统，它的主要优点在于可以实现更为精确的控件定位和对齐，同时支持响应式设计，适应不同屏幕尺寸。相比于传统的...
Android相对布局RelativeLayout的基本用法
12-23
1. 相对定位：每个视图可以相对于其他视图或者父布局进行定位，如上方、下方、左侧、右侧。 2. 灵活性：由于定位方式的多样，`RelativeLayout`能够创建各种复杂的布局设计。 3. 高效性：虽然比`LinearLayout`复杂，...
ConstraintLayout实用特性
tinysakura的博客
03-17 416
转载自赵彦军的博客 前言 在2016年的Google I/O大会上 , Google 发布了Android Studio 2.2预览版，同时也发布了Android 新的布局方案 ConstraintLayout ， 但是最近的一年也没有大规模的使用。2017年Google发布了 Android Studio 2.3 正式版，在 Android Studio 2.3 版本中新建的Module中默认的...
约束布局ConstraintLayout看这一篇就够了
热爱技术
09-12 5007
真的很有必要学习约束布局和它的辅助布局，因为它可以做出很多好看的效果，且性能高；比如这个ConstraintHelper,效果如下图所示： 喜欢的可以继续往下看，不夸张的说，约束布局和其辅助布局的相关的这里都有，而且很详细； 引入androidx的constraintlayout的lib 相对定位 基本定位属性如下表，意思好比就是那一条边和那一条边对齐， 比如设置B控件的属性 layout_constraintLeft_toLeftOf=“@id/A” 就表示B控件的左边对齐A控件的左边，会收到这个约束。
学习笔记：ConstraintLayout
左飞飞的博客
05-07 636
现在创建默认布局都是ConstraintLayout了，所以作为一个安卓开发者不会的话也说不过去，今天就来学习和总结一下吧。 ConstraintLayout有一点点像RelativeLayout，因为它们都需要为控件添加相对于父控件的位置属性。 话不多说开始吧。 首先拖入三个 TextView 控件 将控件拖入后如果没有设置位置依赖（相对于父控件的位置的属性）就会出现感叹号。 最快捷的方法就...
约束布局 ConstraintLayout 的使用
I_can_move_you的专栏
05-03 1845
优点：是可以减少布局嵌套，弥补四大布局比较不好实现的地方，良好支持拖拽，良好支持UI可视化编辑。 缺点：ConstraintLayout作为ListView的Item根布局时设置Item元素可见性，不会触发onLayout，位置不更新。与传统列表结合使用，要慎重考虑。 本文以代码结合可视化UI编辑方式说明
[Android studio] 第15节 ConstraintLayout控件
AA2534193348的博客
06-30 677
ConstraintLayout 是 Android 中的布局容器，它是一个灵活且强大的布局工具，用于创建复杂的界面布局。它通过使用约束（constraints）来定义子视图之间的关系和对齐方式。这些属性可以通过设置在 ConstraintLayout 的子视图上，以定义它们之间的关系和对齐方式，从而创建灵活且响应式的界面布局。您可以根据需要选择适当的属性进行配置。
史上最全ConstraintLayout使用详解
柳的博客
12-27 1028
constraintlayout
Constraintlayout全解析
潇风寒月
12-08 800
平时使用ConstraintLayout,断断续续的,基本都是在自己的小demo里面使用.公司的项目暂时还没有使用.这次公司项目需要大改,我决定用上这个nice的布局.减少嵌套(之前的老代码,实在是嵌套得太深了…无力吐槽). 首先,ConstraintLayout是一个新的布局,它是直接继承自ViewGroup的,所以在兼容性方面是非常好的.官方称可以兼容到API 9.可以放心食用. 一、Re...
TextView两端对齐
viz
10-17 1953
方式一: 在ConstranLayout中实现 主要实现代码 val text = getString(R.string.text) val textLen = text.length val set = ConstraintSet() set.clone(constrainLayout) for (i in 0 until te...
ConstraintLayout布局使用
10-24
ConstraintLayout是一种灵活的布局方式，可以用于创建复杂的用户界面。它允许您使用约束将视图放置在屏幕上，并控制它们之间的相对位置。以下是ConstraintLayout的基本使用方法： 1. 在build.gradle文件中引入ConstraintLayout包：implementation 'androidx.constraintlayout:constraintlayout:2.0.4' 2. 在布局文件中使用ConstraintLayout作为根布局。 3. 在ConstraintLayout中添加视图，并使用约束将它们放置在屏幕上。 4. 使用layout_constraint属性设置视图之间的约束关系，例如layout_constraintTop_toTopOf、layout_constraintStart_toEndOf等。 5. 可以使用Guideline视图来帮助定位其他视图。 6. 可以使用Barrier视图来创建一个视图组，该组将根据其成员的位置自动调整大小和位置。 7. 可以使用Group视图来控制一组视图的可见性。 8. 可以使用Placeholder视图来占位符一个视图，以便稍后将其替换为其他视图。 9. 可以使用Flow视图来创建流式布局，其中视图将根据可用空间自动换行。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值