ConstraintLayout中Chains和Guideline的使用

本文详细介绍了Android的ConstraintLayout中Chains和Guideline的使用。Chains允许在同一直线上创建统一行为的控件链,通过设置链头、样式和外边距实现不同布局效果。Guideline作为辅助线,帮助进行布局定位,可设置为百分比或固定距离,不显示在界面上。通过实例展示了如何创建链条和使用Guideline优化布局。
摘要由CSDN通过智能技术生成

前面介绍了如何使用ConstraintLayout,在用ConstraintLayout的时候千万要运行一下,在手机上看看结果,因为有时候在AS上面看是没问题的,但是运行到手机上面还是会又不一样的效果的。
然后本文将来介绍ConstraintLayout中的Chain也就是链条,还有ConstraintLayout辅助线Guideline的使用。

Chains

链条是什么?简单说就是一条链将同一轴(水平或者垂直)上面给连接起来,使他们能够统一行动。

在了解链条之前,我们来写一个栗子,来见识下链条的作用和强大的功能,下面的布局是好几个不同的Tab组成的,每一行的Tab都是一个链条,每一行都是不同的style

ChainStyle

下面是实现的代码(省略了一些属性):


    <!-- weight chain -->
    <TextView
        android:id="@+id/weightStart"
        android:layout_width="0dp"
        app:layout_constraintHorizontal_weight="1" />

    <TextView
        android:id="@+id/weightCenter"
        android:layout_width="0dp"
        app:layout_constraintHorizontal_weight="2" />

    <TextView
        android:id="@+id/weightEnd"
        android:layout_width="0dp"
        app:layout_constraintHorizontal_weight="2" />

    <!-- spread chain-->
    <TextView
        android:id="@+id/spreadStart"
        app:layout_constraintBottom_toTopOf="@id/weightStart"
        app:layout_constraintEnd_toStartOf="@id/spreadCenter"
        app:layout_constraintStart_toStartOf="parent" />

    <TextView
        android:id="@+id/spreadCenter" />

    <TextView
        android:id="@+id/spreadEnd" />

    <!-- packed chain -->
    <TextView
        android:id="@+id/packedStart"
        app:layout_constraintHorizontal_chainStyle="packed" />
  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值