Android开发 - 掌握ConstraintLayout(五)偏差(Bias)

比如实现这样一个场景:

"在屏幕宽度的1/4的地方放置一个View"

使用传统布局时,实现按照屏幕的宽度(高度),或者相对两个View之间距离的一个比例来进行布局,就显得非常麻烦,但是当使用ConstraintLayout时,就可以很简单地实现这样的需求。

Bias

Bias就是为了实现这种需求而设计出来的。

我们来举例说明,看下图:

当前我们是将这个按钮相对屏幕宽度居中显示。 那么我们如何将该按钮放到宽度1/4的地方呢?

其实非常简单,我们看右侧的属性栏:

这里有个滑动条,就是偏差的调整(Bias),我们将这里拖到25的位置,也就意味着当前宽度的25%,此时当前View就便宜屏幕的1/4处了(注意View本身的宽度)。

其它说明

  • 本例是水平方向的调整。当垂直方向上下都有约束时,也可以进行垂直方向偏差的调整。

  • 上一篇我们也讲到了相对其它View的约束。相对其它View约束的调整其实与父View约束的情况一样,也可以任意进行水平和垂直方向偏差调整。

总结

Bias调整在很多时候非常方便,我们在保持整体布局间接的同时,也能实现传统布局难以实现的界面。 下一篇:Android开发 - 使用ConstraintLayout(六)链条(Chains)我们介绍链条(Chains)的使用。

本文地址,如有更多疑问,请参考我的其它Android相关博客:我的博客地址

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当我们在进行Android布局时,经常会遇到复杂的UI界面,这时候使用ConstraintLayout就可以很好地解决这个问题,因为它是最灵活的布局方式。下面我为您详细讲解一下ConstraintLayout的用法。 首先,我们需要在build.gradle文件中添加依赖项: ``` implementation 'com.android.support.constraint:constraint-layout:1.1.3' ``` 然后,在XML布局文件中,我们需要将根布局更改为ConstraintLayout,如下所示: ``` <?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"> ... </androidx.constraintlayout.widget.ConstraintLayout> ``` 接下来,我们可以使用以下属性来设置视图的位置和大小: - layout_constraintLeft_toLeftOf:将视图的左边缘与另一个视图的左边缘对齐。 - layout_constraintRight_toRightOf:将视图的右边缘与另一个视图的右边缘对齐。 - layout_constraintTop_toTopOf:将视图的顶部边缘与另一个视图的顶部边缘对齐。 - layout_constraintBottom_toBottomOf:将视图的底部边缘与另一个视图的底部边缘对齐。 - layout_constraintStart_toStartOf:将视图的开始边缘与另一个视图的开始边缘对齐。 - layout_constraintEnd_toEndOf:将视图的结束边缘与另一个视图的结束边缘对齐。 - layout_constraintBaseline_toBaselineOf:将视图的基线与另一个视图的基线对齐。 - layout_constraintWidth_percent:将视图的宽度设置为父视图宽度的百分比。 - layout_constraintHeight_percent:将视图的高度设置为父视图高度的百分比。 除此之外,还有一些其他的属性,例如layout_constraintHorizontal_biaslayout_constraintVertical_biaslayout_constraintDimensionRatio等。 最后,我们需要使用以下属性来设置视图的约束: - layout_constraintLeft_creator - layout_constraintTop_creator - layout_constraintRight_creator - layout_constraintBottom_creator - layout_constraintStart_creator - layout_constraintEnd_creator 总的来说,使用ConstraintLayout可以让我们更轻松地创建复杂的UI布局。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值