ConstraintLayout使用_constraintlayout root宽度0.7

作者：小丑西瓜9 | 2024-03-12 20:19:56

踩

constraintlayout root宽度0.7

一、属性

ConstraintLayout	RelativeLayout	作用
`layout_constraintLeft_toLeftOf`	`layout_alignLeft`	与目标组件左对齐
`layout_constraintLeft_toRightOf`	`layout_toRightOf`	在目标组件的右边
`layout_constraintRight_toRightOf`	`layout_alignRight`	与目标组件右对齐
`layout_constraintRight_toLeftOf`	`layout_toLeftOf`	在目标组件的左边
`layout_constraintTop_toTopOf`	`layout_alignTop`	与目标组件上对齐
`layout_constraintTop_toBottomOf`	`layout_below`	在目标组件底部
`layout_constraintBottom_toBottomOf`	`layout_alignBottom`	与目标组件下对齐
`layout_constraintBottom_toTopOf`	`layout_above`	在目标组件的上部
`layout_constraintBaseline_toBaselineOf`	`layout_alignBaseline`	与目标组件基线对齐

1. bias（偏移量）

长度和高度的偏移量

属性	介绍
`layout_constraintHorizontal_bias`	水平方向的偏移量（小数）
`layout_constraintVertical_bias`	竖直方向的偏移量（小数）

<TextView
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:text="Hello World!"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintHorizontal_bias="0.1"
    app:layout_constraintVertical_bias="0.2"/>

2. Circular positioning（圆形定位）

以一个控件为圆心设置角度和半径定位

属性	介绍
`layout_constraintCircle`	关联另一个控件，将另一个控件放置在自己圆的半径上，会和下面两个属性一起使用
`layout_constraintCircleRadius`	圆的半径
`layout_constraintCircleAngle`	圆的角度

3. Percent dimension（百分比布局）

宽高设置百分比长度

属性	介绍
`layout_constraintWidth_default`	宽度类型设置，可以设置`percent`、`spread`和`wrap`
`layout_constraintHeight_default`	高度类型设置，同上
`layout_constraintWidth_percent`	如果`layout_constraintWidth_percent`设置的百分比，这里设置小数，为占父布局宽度的多少
`layout_constraintHeight_percent`	设置高度的大小，同上

<TextView
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:text="Hello World!"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintVertical_bias="0.2"
    app:layout_constraintHorizontal_bias="0.1"
    app:layout_constraintWidth_percent="0.7"/>

4. Ratio（比例）

控件的宽和高设置一定比例

属性	介绍
`layout_constraintDimensionRatio`	宽高比

<TextView
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:text="Hello World!"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintVertical_bias="0.2"
    app:layout_constraintHorizontal_bias="0.1"
    app:layout_constraintWidth_percent="0.7"
    app:layout_constraintDimensionRatio="2:1"/>

5. Chain Style（约束链类型）

设置约束链类型，约束链类型包括：spread，spread_inside和packed

属性	介绍
`layout_constraintHorizontal_chainStyle`	横向约束链
`layout_constraintVertical_chainStyle`	纵向约束链

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】