android 约束布局关于chain链的运用的总结

沙漠蓝色披头

已于 2022-10-31 13:54:43 修改

阅读量720

点赞数

分类专栏：小技巧文章标签： android

于 2022-09-15 16:59:58 首次发布

本文链接：https://blog.csdn.net/u013075460/article/details/126875203

版权

小技巧专栏收录该内容

51 篇文章 1 订阅

订阅专栏

效果就是通过链式水平排列，加了权重，同时设置控件的宽高比重

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:id="@+id/ll_left"
        android:layout_width="0dp"
        android:layout_height="200dp"
        android:background="@drawable/ic_bg_green"
        app:layout_constraintDimensionRatio="1:1"
        android:gravity="center"
        android:orientation="vertical"
        app:layout_constraintEnd_toStartOf="@+id/ll_middle"
        app:layout_constraintHorizontal_weight="2"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <ImageView
            android:id="@+id/iv_cook"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_smartcook" />

        <TextView
            android:id="@+id/tv_cook_descrip"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:text=""
            android:textColor="@color/white" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/ll_middle"
        android:layout_width="0dp"
        android:layout_height="200dp"
        android:background="@drawable/ic_bg_blue"
        app:layout_constraintDimensionRatio="1:1"
        android:gravity="center"
        android:orientation="vertical"
        app:layout_constraintEnd_toStartOf="@+id/ll_setting"
        app:layout_constraintHorizontal_weight="2"

        app:layout_constraintStart_toEndOf="@+id/ll_left"
        app:layout_constraintTop_toTopOf="parent">

        <ImageView
            android:id="@+id/iv_major_cook"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_smartcook" />

        <TextView
            android:id="@+id/tv_major_cook_descrip"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:text=""

            android:textColor="@color/white" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/ll_setting"
        android:layout_width="0dp"
        android:layout_height="200dp"
        android:layout_weight="1"
        android:background="@drawable/ic_bg_set"
        app:layout_constraintDimensionRatio="1:2"
        android:gravity="center"
        android:orientation="vertical"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_weight="1"

        app:layout_constraintStart_toEndOf="@+id/ll_middle"
        app:layout_constraintTop_toTopOf="parent">

        <ImageView
            android:id="@+id/iv_setting"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_smartcook" />

        <TextView
            android:id="@+id/tv_setting"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:text=""
            android:textColor="@color/white" />
    </LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>