美文网首页Android技术知识
约束布局ConstraintLayout

约束布局ConstraintLayout

作者: 咚咚_Coding | 来源:发表于2020-08-05 19:59 被阅读0次

偏移

    layout_constraintHorizontal_bias 水平偏移
    layout_constraintVertical_bias 垂直偏移

BaseLine

    app:layout_constraintBaseline_toBaselineOf="@+id/TextView1"/>
    <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="6666"
    app:layout_constraintLeft_toRightOf="@id/tv_bottom"
    android:layout_marginLeft="@dimen/xct_space_value_x15"
    app:layout_constraintBaseline_toBaselineOf="@+id/tv_bottom"
    android:background="@color/color_ccedea"
    android:textSize="8sp"
    />

宽高比

    app:layout_constraintDimensionRatio="1:1"
    app:layout_constraintDimensionRatio="H,2:3"指的是 高:宽=2:3
    app:layout_constraintDimensionRatio="W,2:3"指的是 宽:高=2:3

    layout_constraintHorizontal_chainStyle来改变整条链的样式。chains提供了3种样式,分别是:
    CHAIN_SPREAD —— 展开元素 (默认);
    CHAIN_SPREAD_INSIDE —— 展开元素,但链的两端贴近parent;
    CHAIN_PACKED —— 链的元素将被打包在一起。

Guideline

   Guildline像辅助线一样,在预览的时候帮助你完成布局(不会显示在界面上)。
   Guildline的主要属性:
   android:orientation 垂直vertical,水平horizontal
   layout_constraintGuide_begin 开始位置
   layout_constraintGuide_end 结束位置
   layout_constraintGuide_percent 距离顶部的百分比(orientation = horizontal时则为距离左边)
  
  
  <androidx.constraintlayout.widget.Guideline
    android:id="@+id/line_view"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:orientation="horizontal"
    app:layout_constraintGuide_percent="0.5" />

  <androidx.constraintlayout.widget.Guideline
    android:id="@+id/line_view_ver"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:orientation="vertical"
    app:layout_constraintGuide_percent="0.5" />

Group

  Group可以把多个控件归为一组,方便隐藏或显示一组控件,如下:
     
  <android.support.constraint.Group
    android:id="@+id/group"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:visibility="invisible"
    app:constraint_referenced_ids="TextView1,TextView3" />

相关文章

网友评论

    本文标题:约束布局ConstraintLayout

    本文链接:https://www.haomeiwen.com/subject/ujworktx.html