ConstraintLayout 细节

生来如风

已于 2023-06-13 20:05:55 修改

阅读量739

点赞数

分类专栏： View 文章标签： android

于 2023-01-30 13:56:00 首次发布

本文链接：https://blog.youkuaiyun.com/qq_39438055/article/details/128801050

版权

View 专栏收录该内容

42 篇文章

订阅专栏

文章目录

1. layout_constraintHorizontal_chainStyle：packed

<wtcl.lib.widget.WTButton
    android:id="@+id/confirm_btn"
    style="@style/WTTextStyleBody2"
    android:layout_width="@dimen/dimen_384px"
    android:layout_height="@dimen/search_edit_height"
    android:layout_marginBottom="@dimen/dimen_64px"
    android:background="@drawable/selector_btn_status"
    android:color="@drawable/selector_text_status"
    android:enabled="false"
    android:gravity="center"
    android:maxLines="1"
    android:text="@string/protocol_and_policy_agree"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toStartOf="@+id/think_btn"
    app:layout_constraintHorizontal_chainStyle="packed"
    app:layout_constraintStart_toStartOf="parent"
    app:wtBtnType="primaryBtn_small" />

<wtcl.lib.widget.WTButton
    android:id="@+id/think_btn"
    style="@style/WTTextStyleBody2"
    android:layout_width="@dimen/dimen_384px"
    android:layout_height="@dimen/search_edit_height"
    android:layout_marginStart="@dimen/search_edit_height"
    android:ellipsize="end"
    android:gravity="center"
    android:maxLines="1"
    android:text="@string/protocol_and_policy_think_again"
    android:textColor="@color/white89"
    android:textSize="@dimen/dimen_32px"
    app:layout_constraintBottom_toBottomOf="@+id/confirm_btn"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toEndOf="@+id/confirm_btn"
    app:wtBtnType="primaryBtn_small" />

核心点：
- app:layout_constraintHorizontal_chainStyle="packed"
- 按钮的左右约束（layout_constraintStart_toStartOf、layout_constraintEnd_toEndOf）、按钮间的依赖（layout_constraintEnd_toStartOf、layout_constraintStart_toEndOf）必须一个不落

2.参数解释

2.1 clipChild

是否允许子 View 超过父 View

2.2 fadingEdge、fadingEdgeLength 设置阴影

<androidx.recyclerview.widget.RecyclerView
  android:id="@+id/rv_list"
  android:layout_width="match_parent"
  android:layout_height="0dp"
  android:layout_marginStart="24dp"
  android:layout_marginTop="22dp"
  android:fadingEdge="vertical"
  android:fadingEdgeLength="56dp"
  android:paddingBottom="140dp"
  app:layout_constraintBottom_toBottomOf="parent"
  app:layout_constraintLeft_toLeftOf="parent"
  app:layout_constraintRight_toRightOf="parent"
  app:layout_constraintTop_toBottomOf="@id/back_button"
  />

如果 RecyclerView 不滚动阴影设置无效
fadingEdgeLength 和 fadingEdge 属性，对于 Android 中所有的 view 都可设置，一般是可滚动的 view 设置了才有效果，不滚动的一般无效
参考资料：Android开发fadingEdge和fadingEdgeLength设置及屏蔽顶部阴影设置

3. Group

Group 就是一个分组，可以关联多个 View，从而只需要对这个分组进行控制就可以实现对多个 View 的控制

<androidx.constraintlayout.widget.Group
      android:id="@+id/control_button_group"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      app:constraint_referenced_ids="btn_collect,iv_pre,iv_toggle,iv_next,iv_list,iv_play_mode,iv_show"
/>

Group 无法设置点击事件，可通过扩展方法实现：

fun Group.setAllOnClickListener(listener: (view: View) -> Unit) {
  referencedIds.forEach { id ->
    rootView.findViewById<View>(id).setOnClickListener(listener)
  }
}