[译] 带你领略 ConstraintLayout 1(1)

}

如果您想要在项目中使用新特性,需要添加 ConstraintLayout 1.1 版本作为依赖。

1.1 版本中的新特性

百分比

在约束布局 1.0 版本中,需要使用两条引导线才能让视图根据百分比来占据屏幕。而在约束布局 1.1 版本中,通过允许您轻松地将任何视图限制为百分比宽度或高度,一切将变得很简单。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

使用百分比指定按钮的宽度,以便在保持设计效果的同时适应可用空间。

所有视图都支持 layout_constraintWidth_percentlayout_constraintHeight_percent 属性。这些将导致约束被固定在可用空间指定百分比位置。 因此,使用几行 XML 代码就可以使 ButtonTextView 展开并以百分比填充屏幕。

链条

通过链条功能来放置多个元素可以让你配置它们该如何填充可用空间。在 1.1 版本中,我们已经修复了链条的一些问题,并使它们能够处理更多的视图。您可以通过在两边添加约束来生成一个链条。例如在下面这个动画中,每个视图之间都有一个约束。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

通过 spreadspread_insidepacked,链条能够让您配置如何布置多个相关的视图。

app:layout_constraintVertical_chainStyle 属性可以作用于链条中的任何视图。 您可以设置它的值为 spreadspread_inside 或者 packed

  • spread:均匀分配链中的所有视图
  • spread_inside:将第一个元素和最后一个元素放置在边缘上,并均匀分布其余元素
  • packed:将元素包裹在链条的中心
屏障

如果您有几个视图会在运行时更改大小,则可以使用屏障功能来约束元素。您可以将屏障放置于几个元素的开始,顶部,末尾或底部。您可以将其视为制作虚拟组的一种方式 ,因为它不会将此组添加到视图层次结构中。

在布置国际化字符串或显示用户生成的无法预测大小的内容时,屏障非常有用。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

屏障允许您通过几个视图来创建一个约束。

屏障将始终将自己置于虚拟群组之外,并且您可以使用它来限制其他视图。在上面这个例子中,右视图被限制为始终处于最大文本视图的末尾。

群组

有时您需要一次显示或隐藏多个元素。为了支持这个,约束布局增加了群组功能。

一个群组并没有增加视图的层级——这实际上只是一种标记视图的方式。在下面的示例中,我们将标记 profile_nameprofile_image 以供 id 配置文件引用。

当您有多个需要显示或陈列在一起的元素时,这将很有用。

<android.support.constraint.Group
android:id=“@+id/profile”
app:constraint_referenced_ids=“profile_name,profile_image” />

当定义名为 profile 的群组后,您可以为该群组设置可见性,并将其应用于 profile_nameprofile_image

profile.visibility = GONE

profile.visibility = VISIBLE

圆形约束

在约束布局中,大多数约束由屏幕尺寸指定——水平和垂直。在约束布局 1.1 版本中,有一个新的类型约束 constraintCircle,它允许您指定沿着一个圆形进行约束。您不必提供水平和垂直边距,而是指定圆的角度和半径。这对于像径向菜单这样的角度偏移的视图将非常有用!

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

您可以通过指定要偏移的半径角度来创建径向菜单。

创建圆形约束时,请注意,角度从顶部开始并顺时针进行。在这个例子中,你将按如下方式指定中间的 fab:

<android.support.design.widget.FloatingActionButton
android:id=“@+id/middle_expanded_fab”
app:layout_constraintCircle=“@+id/fab”
app:layout_constraintCircleRadius=“50dp”
app:layout_constraintCircleAngle=“315” />

约束集与动画

您可以将 ConstraintLayout 随同 ConstraintSet (约束集)一起使用来一次实现多个元素的动画效果。

一个 ConstraintSet 仅持有一个 ConstraintLayout 的约束。你可以在代码中创建一个ConstraintSet,或者从一个布局文件中加载它。然后,您可以将 ConstraintSet 应用于 ConstraintLayout,更新所有约束以匹配 ConstraintSet 中的约束。

要使其具有动画效果,请使用 support library 中的 TransitionManager.beginDelayedTransition() 方法。此功能将使您的 ConstraintSet 中的所有布局的更新都通过动画来呈现。

这是一个更深入地涵盖了这个话题的视频:

  • YouTube 视频链接:https://youtu.be/OHcfs6rStRo
新的优化

最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助

因此我收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
朋友可以戳我获取!!**](https://bbs.csdn.net/topics/618165277)

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

  • 21
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值