ConstraintLayout：layout_constraintHorizontal_chainStyle

于 2024-05-14 16:43:03 发布
阅读量1.9k 收藏 11
点赞数 4
CC 4.0 BY-SA版权
分类专栏： Android 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iblade/article/details/138860074

layout_constraintHorizontal_chainStyle是ConstraintLayout中的一个属性，用于定义水平链（horizontal chain）中各个视图之间的布局方式。在ConstraintLayout中，链是一组通过双向约束连接在一起的视图的集合，可以是水平的也可以是垂直的。layout_constraintHorizontal_chainStyle属性决定了如何分配链内视图之间的空间或者如何对齐这些视图。

具体使用场景

  1. 均匀分布：当你希望链中的视图均匀分布在可用空间时，比如在一个导航栏中均匀放置几个按钮。
  2. 紧密连接：当你希望所有视图紧密连接，例如一系列标签紧挨着显示，而不是分散开来。
  3. 权重分配：在需要根据视图的重要性给予不同的空间比例时，可以使用链的权重特性，通过layout_constraintHorizontal_chainStyle配合layout_constraintHorizontal_weight来实现。

ChainStyle 的种类

ConstraintLayout为链式布局提供了三种主要的风格：

  1. Spread（默认）：视图会均匀地分布在链中，两端的视图靠近链的边界，剩余的空间均匀分配给链中的视图间隙。

  2. Spread Inside：与Spread类似，但是两端的视图不会靠近链的边界，而是只有内部的间隙被均匀分配。

  3. Packed：所有的视图都会聚集在一起，你可以通过layout_constraintHorizontal_bias（水平偏向）或layout_constraintVertical_bias（垂直偏向）来调整聚集的位置。

初衷

ConstraintLayout的设计初衷是为了提供一个灵活且强大的布局系统，使开发者能够以更简洁的方式创建复杂的布局，同时提高布局的性能。layout_constraintHorizontal_chainStyle属性及其相关的链式布局功能让开发者能够轻松地实现多种布局需求，无论是均匀分布的元素还是根据特定逻辑聚集在一起的视图，都可以通过简单的配置实现，而不需要嵌套多层布局或写大量的布局代码。

通过使用链式布局，开发者可以有效地控制视图之间的关系和对齐方式，无论是在水平方向上还是垂直方向上，都能实现精确的布局控制。这样不仅能提升应用的外观质量，还能保持布局的性能和灵活性。

android约束布局中 链,Android-ConstraintLayout(约束布局)-Chains链(链条布局,Nice)
weixin_39756895的博客
05-27 2527
到Chains这个部分了。之前的新项目做得登录，注册，重置密码等暂时还没用到这种。不过后面可能随着新的设计可能会涉及到。所以赶紧过来看看先。新项目基本就打算全部用约束布局实现了。实际用了也会越来越熟悉的。Chain链是一种特殊的约束让多个 chain 链连接的 Views 能够平分剩余空间位置像LinearLayout的权重，不过还扩展了很多功能。所以做权重什么的还是需要这种布局。*** 有点疑问...
ConstraintLayout属性说明
一个人的暗
07-22 787
ayout_constraintTop_toTopOf：将某一控件的顶部与另一控件的顶部对齐。layout_constraintTop_toBottomOf：将某一控件的顶部与另一控件的底部对齐。layout_constraintBottom_toTopOf：将某一控件的底部与另一控件的顶部对齐。layout_constraintBottom_toBottomOf：将某一控件的底部与另一控件的底部对齐。
ConstraintLayout 细节
qq_39438055的博客
01-30 745
ConstraintLayout 细节
【Android】约束布局 通过 layout_constraintHorizontal_chainStyle 链式约束保证多个组件中最前和最后的组件和父布局的间距保证一致
weixin_44002043的博客
05-24 1446
UI想要实现 多个组件在横竖屏情况下最左边和最右边的组件和父布局的距离保持一致，内部的间距自适应的方式。
ConstraintLayout 属性详解 和Chain的使用
weixin_33963594的博客
05-24 1092
想看我更多文章:【张旭童的博客】blog.csdn.net/zxt0601想来gayhub和我gaygayup:【mcxtzhang的Github主页】github.com/mcxtzhang 概述 小伙伴们好久不见，我又回来啦。说实话这篇文章写的算是比较晚了，距离ConstraintLayout出现至今已经有一年了。且自AS2.3起创建新的Activity,默认的layout根布局就是Con...
Android ：约束布局ConstraintLayout 之 Chains 链式约束
热门推荐
JMW1407的博客
08-25 1万+
ConstraintLayout Chains 链式约束1. 链 简介( 1 ) Chains ( 链 ) 简介2. 创建 链 及 分析 生成的代码( 1 ) 创建水平链( 2 ) 链创建后的代码及样式( 3 ) 链创建后 生成的 代码3. 链头 及 链的间距( 1 ) 链头设置( 2 ) 链 间距4. 链 的 三种风格( 1 ) 链 风格设置( 2 ) 链 的 三种风格( 3 ) CHAIN_SPREAD 样式 代码示例 及 效果( 4 ) CHAIN_SPREAD_INSIDE 样式 代码示例 及 效果
Android开发 - 掌握ConstraintLayout（六）链条(Chains)
weixin_34310785的博客
11-07 534
本文我们介绍链条(Chains)，使用它可以将多个View连接起来，互相约束。 可以创建横向的链条，也可以创建纵向的链条，我们以横向的链条举例： 我们先创建三个按钮： 我们选中三个按钮后在上面点右键创建链条： 创建后我们发现这三个View平均分布地排列了： 最简单的使用是平均分布，当然也可以不平均分布，具体看约束的具体设置，比如将第一个Button的marginEnd设置成10后...
layout_constraintHorizontal_chainStyle
08-19
layout_constraintHorizontal_chainStyle 是一个属性，用于定义水平链的样式。它可以应用于 ConstraintLayout 中的子视图。 水平链是指一组相邻的视图在水平方向上连接在一起，并通过约束条件来确定它们之间的相对...
数字按钮从0-9进行初始化，请使用最简单的方法进行初始化<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="match_parent" android:orientation="horizontal" android:layout_height="100dp"> <TextView android:id="@+id/input" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:layout_marginTop="10dp" android:text="" android:textSize="30sp" /> <TextView android:id="@+id/result" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="195dp" android:layout_marginTop="50dp" android:text="" android:textSize="30sp" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:orientation="horizontal" android:layout_height="80dp"> <TextView android:id="@+id/C" android:onClick="oneOnClick" android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent" android:gravity="center" android:textSize="30sp" android:text="C"/> <!-- android:background="@drawable/selector_gray1"--> <TextView android:id="@+id/zf" android:onClick="oneOnClick" android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent" android:gravity="center" android:textSize="30sp" android:text="+/-"/> <!-- android:background="@drawable/selector_gray1"--> <TextView android:id="@+id/mo" andro
03-10
1. **布局优化**：ConstraintLayout的链条特性（`app:layout_constraintHorizontal_chainStyle`）可自动分配控件间距，形成等宽网格[^1] 2. **样式复用**：通过`<style>`定义统一按钮样式，符合引用[3]的样式管理...
<?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" android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/login" android:background="@drawable/bg"> <!-- 设置背景图片 --> <!-- 显示图片的ImageView --> <ImageView android:id="@+id/imageView" android:layout_width="200dp" android:layout_height="50dp" android:src="@drawable/tu2" app:layout_constraintTop_toTopOf="parent" app:layout_constraintStart_toStartOf="parent"/> <!-- 底部按钮布局 --> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:gravity="center" android:background="#E0E0E0" app:layout_constraintBottom_toBottomOf="parent"> <Button android:id="@+id/btn1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="扫码连接" android:drawableStart="@drawable/bg" android:drawablePadding="8dp" android:layout_margin="10dp"/> <Button android:id="@+id/btn2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="搜索连接" android:drawableStart="@drawable/baseline_search_24" android:drawablePadding="8dp" android:layout_margin="10dp"/> <Button android:id="@+id/btn3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="地址连接" android:drawableStart="@drawable/baseline_private_connectivity_24" android:drawablePadding="8dp" android:layout_margin="10dp"/> </LinearLayout> </androidx.constraintlayout.widget.ConstraintLayout>按键没有左边图标右边文字，该如何改进
03-08
app:layout_constraintHorizontal_chainStyle="spread" // 添加链式布局 android:layout_marginHorizontal="8dp" // 统一外边距 ``` 3. 点击效果优化： ```xml android:foreground="?selectableItemBackground...
android app:layout_constraint所有使用方法
最新发布
03-13
### Android 中 `app:layout_constraint` 属性详解 #### 一、基本概念 在 Android 的 ConstraintLayout 布局管理器中，`app:layout_...<View ... app:layout_constraintHorizontal_chainStyle="packed"> ... ```
Android ConstraintLayout的使用
12-22
这个工程是使用ConstraintLayout的Demo，因为ConstraintLayout是用的可视化的方式来编写Android应用程序的界面，所有看xml文档是看不出效果的，有需要的可以下载
ConstraintLayout中的chainstyle & guideline >
wisdomzhang的博客
02-14 234
ConstraintLayout中的chainstyle & guideline 有时候容易忘记，摘抄记录一下。 参考博客：https://blog.csdn.net/cui130/article/details/89849807 1、chainstyle(链式) **属性 **有水平和垂直之分： layout_constraintHorizontal_chainStyle 水平方...
ConstraintLayout 属性详解 和Chain的使用，赶紧收藏起来
dgayuiafahf的博客
04-07 726
为了做到这一点，需要将至少一个约束维度设置为。
Android ConstraintLayout Chain Style（链式）chainStyle标签没作用
zkw_cn的博客
04-16 6695
Android ConstraintLayout  chainStyle标签没作用 原因：1.没有加入左右（上下）控件的相对引用如下    app:layout_constraintEnd_toStartOf="@+id/textView3"     app:layout_constraintStart_toEndOf="@+id/textView"        2.没有在表头（表尾）加入...
android constraintLayout的weight和chainStyle的使用
北京流年
08-24 2278
代码如下 <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.androi...
android constraint layout chain,[译] ConstraintLayout基础之Chains链
weixin_36035585的博客
05-27 337
什么是 Chain 链Chain 链是一种特殊的约束让多个 chain 链连接的 Views 能够平分剩余空间位置。在 Android 传统布局特性里面最相似的应该是 LinearLayout 中的权重比 weight ，但 Chains 链能做到的远远不止权重比 weight 的功能。开始创建 Chain 链前面概要已经提到了 Chain 链是由多个 Views 组合的，所以要创建一个 Chai...
[译] ConstraintLayout基础之Chains链
weixin_34248849的博客
05-24 181
原文：ConstraintLayout basics create chains作者：Mark Allison 什么是 Chain 链 Chain 链是一种特殊的约束让多个 chain 链连接的 Views 能够平分剩余空间位置。在 Android 传统布局特性里面最相似的应该是 LinearLayout 中的权重比 weight ，但...
Android 约束布局（ConstraintLayout）详解，android基础编程
m0_61330806的博客
03-25 1371
Android架构学习进阶是一条漫长而艰苦的道路，不能靠一时激情，更不是熬几天几夜就能学好的，必须养成平时努力学习的习惯。所以：贵在坚持！上面分享的字节跳动公司2020年的面试真题解析大全，笔者还把一线互联网企业主流面试技术要点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节。详情可以点击我的【Github】如果你熟练掌握【Github】中列出的知识点，相信将会大大增加你通过前两轮技术面试的几率！这些内容都供大家参考，互相学习。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值