ConstraintLayout 实现多个控件居中显示

最新推荐文章于 2025-04-08 08:11:19 发布

free_android

最新推荐文章于 2025-04-08 08:11:19 发布

阅读量2.5w

点赞数 9

本文链接：https://blog.csdn.net/qq_29781403/article/details/100033101

版权

本文介绍如何在ConstraintLayout中实现多个控件的居中显示，无需使用父布局嵌套。通过具体代码实例，展示了如何利用chain属性的packed模式打包元素，使控件在水平或垂直方向紧密排列。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

目标：在不用父布局嵌套的情况下，在ConstraintLayout 包裹下直接实现多个控件（捆绑）控件居中显示

在 ConstraintLayout 1.1.3上，先用代码实现，后有实现思路

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white"
    tools:context=".ui.ConstrainLayoutActivity">


    <android.support.v7.widget.AppCompatImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent"

        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintRight_toLeftOf="@+id/tv"
        />

    <android.support.v7.widget.AppCompatTextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="哈哈哈哈"
        android:textColor="@color/white"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        android:background="@color/square_five"

        app:layout_constraintLeft_toRightOf="@id/imageView"
        />

</android.support.constraint.ConstraintLayout>

实现效果

实现思路是在链头加上类似代码，让脑袋中抽象的链条用constraintLayout的chain属性实现

app:layout_constraintHorizontal_chainStyle="packed"

chain 除了链条方向有横向和竖向区分外， chain链条上的模式有 3种

* spread - 元素将被展开（默认样式）。加权链 - 在spread模式下，如果某些小部件设置为MATCH_CONSTRAINT，则它们将拆分可用空间
* spread_inside - 类似，但链的端点将不会扩展
* packed - 链的元素将被打包在一起。孩子的水平或垂直偏差属性将影响包装元素的定位