layout_constraintLeft_toLeftOf
layout_constraintLeft_toRightOf
layout_constraintRight_toLeftOf
layout_constraintRight_toRightOf
layout_constraintTop_toTopOf
layout_constraintTop_toBottomOf
layout_constraintBottom_toTopOf
layout_constraintBottom_toBottomOf
layout_constraintBaseline_toBaselineOf
layout_constraintStart_toEndOf
layout_constraintStart_toStartOf
layout_constraintEnd_toStartOf
layout_constraintEnd_toEndOf
以上是约束布局的基本属性,使用也是很简单,多练习就会使用了。
1. 水平或者垂直方向想match-parent
举个例子:水平方向match-parent。首先 android:layout_width="0dp"需要设置为0dp,这个就是表示match-parent。其次需要设置:
layout_constraintLeft_toLeftOf =“parent”
layout_constraintLeft_toRightOf =“parent”
这里的parent可以换成你需要的父布局。对应的在垂直方向上match-parent也是同样的,就不赘述了。
2.约束布局中权重的使用
重点:使用约束布局的权重,控件之间需要两两关联,不然就算设置0dp还是没效果。
在约束布局中权重有:
app:layout_constraintHorizontal_weight=""
app:layout_constraintVertical_weight=""
第一个是在水平方向的权重,下面是在垂直方向上的权重。在设置权重时,如果只设置权重比例的话,是没有效果的,必须要给对应的方向设置为0dp,不然权重设置不会有效果,比如设置水平方向的权重,则要设置:android:layout_width=“0dp”。(这一点很重要,小编因为这个问题,折磨了好多次了,所以痛下决心要写一篇博客记录一下)。
实例
如下图的需求

上图的需求肯定需要使用权重来处理,不然下面对应数据就不好对齐。下面是对应的代码
<android.support.constraint.ConstraintLayout
android:id="@+id/bill_msg"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/bill_num"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/public_space_21px"
android:layout_marginBottom="@dimen/public_space_30px"
android:text="@string/account_detail_orderNum"
android:textColor="@color/pub_color_999999"
android:gravity="center"
android:textSize="@dimen/public_text_size_28px"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_weight="1.5"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toLeftOf="@+id/order_time"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/order_time"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="@string/account_detail_orderTime"
android:gravity="center"
android:textColor="@color/pub_color_999999"
android:textSize="@dimen/public_text_size_28px"
android:layout_marginTop="@dimen/public_space_21px"
android:layout_marginBottom="@dimen/public_space_30px"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_weight="1.25"
app:layout_constraintLeft_toRightOf="@+id/bill_num"
app:layout_constraintRight_toLeftOf="@+id/order_type"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/order_type"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="@string/account_detail_orderType"
android:gravity="center"
android:textColor="@color/pub_color_999999"
android:textSize="@dimen/public_text_size_28px"
android:layout_marginTop="@dimen/public_space_21px"
android:layout_marginBottom="@dimen/public_space_30px"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintLeft_toRightOf="@+id/order_time"
app:layout_constraintRight_toLeftOf="@+id/pay_type"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/pay_type"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="@string/account_detail_payType"
android:gravity="center"
android:textColor="@color/pub_color_999999"
android:textSize="@dimen/public_text_size_28px"
android:layout_marginTop="@dimen/public_space_21px"
android:layout_marginBottom="@dimen/public_space_30px"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintLeft_toRightOf="@+id/order_type"
app:layout_constraintRight_toLeftOf="@+id/order_money"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/order_money"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="@string/account_detail_orderMoney"
android:gravity="center"
android:textColor="@color/pub_color_999999"
android:textSize="@dimen/public_text_size_28px"
android:layout_marginTop="@dimen/public_space_21px"
android:layout_marginBottom="@dimen/public_space_30px"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintLeft_toRightOf="@+id/pay_type"
app:layout_constraintRight_toLeftOf="@+id/pay_money"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/pay_money"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="@string/account_detail_payMoney"
android:gravity="center"
android:textColor="@color/pub_color_999999"
android:textSize="@dimen/public_text_size_28px"
android:layout_marginTop="@dimen/public_space_21px"
android:layout_marginBottom="@dimen/public_space_30px"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintLeft_toRightOf="@+id/order_money"
app:layout_constraintRight_toLeftOf="@+id/handFee"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/handFee"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="@string/account_detail_handFee"
android:gravity="center"
android:textColor="@color/pub_color_999999"
android:textSize="@dimen/public_text_size_28px"
android:layout_marginTop="@dimen/public_space_21px"
android:layout_marginBottom="@dimen/public_space_30px"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintLeft_toRightOf="@+id/pay_money"
app:layout_constraintRight_toLeftOf="@+id/account_money"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/account_money"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="@string/account_detail_accountMoney"
android:gravity="center"
android:textColor="@color/pub_color_999999"
android:textSize="@dimen/public_text_size_28px"
android:layout_marginTop="@dimen/public_space_21px"
android:layout_marginBottom="@dimen/public_space_30px"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintLeft_toRightOf="@+id/handFee"
app:layout_constraintRight_toLeftOf="@+id/error_type"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/error_type"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="异常类型"
android:gravity="center"
android:textColor="@color/pub_color_999999"
android:textSize="@dimen/public_text_size_28px"
android:visibility="gone"
android:layout_marginTop="@dimen/public_space_21px"
android:layout_marginBottom="@dimen/public_space_30px"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintLeft_toRightOf="@+id/account_money"
app:layout_constraintRight_toLeftOf="@+id/operate"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/operate"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="@string/account_detail_operate"
android:gravity="center"
android:textColor="@color/pub_color_999999"
android:textSize="@dimen/public_text_size_28px"
android:layout_marginTop="@dimen/public_space_21px"
android:layout_marginBottom="@dimen/public_space_30px"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintLeft_toRightOf="@+id/error_type"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</android.support.constraint.ConstraintLayout>
3.BIOS(间隙比例)
这也是一个十分好用的属性,属性如下所示:
layout_constraintHorizontal_bias
layout_constraintVertical_bias
假设有一个控件,你想让他偏左一点,不使用此属性的话,会多写几句代码来控制,使用此属性就可以一句解决。


上面两个图片可以通过修改水平方向bias的值来改变
<TextView
android:id="@+id/TextView1"
...
app:layout_constraintHorizontal_bias="0.3"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent" />
目前在开发中,以上问题遇到的比较多,其余的等后面遇到会及时更新。其实开发时,不要一味的使用约束布局,虽然此布局是官方推荐。建议根据情况来使用布局。在使用权重的时候一定要看上述的重点,不然就很难顶。使用的时候选一个好的“基点”这样可以少写一下margin_left之类的属性。
constraintLayout和RelativeLayout类似,但比RelativeLayout要强大多,它可以有效地解决布局嵌套过多问题,我们平时编写的界面,复杂的布局总会伴随着多层的嵌套,而嵌套越多,程序的性能也就越差;ConstraintLayout则是使用约束的方式来指定各个控件的位置和关系;
常用属性:layout_constraintTop_toTopOf /
在约束布局中发现这两个都可以实现我的布局想法,但是不知道具体是怎么回事。
layout_constraintLeft_toLeftOf 和 layout_constraintStart_toStartOf
简单来说,在使用布局的时候确定谁在谁的那个方向即可!不要迷糊!
这篇材料本来是我给公司同事培训Android基础时弄的,对ConstraintLayout布局做了个简单介绍和使用,也放出来吧,有需要的还可以瞅两眼。
早在2017年的时候,Google就发布了 Android Studio 2.3 正式版,在这个版本中新建Module中默认的布局就是 ConstraintLayout 。
ConstraintLayout 也就是约束布局,和其他布局一样,...
Android Studio项目打包时报错Error:Execution failed for task ':app:packageDebug'. > java.io.IOException