Android ConstraintLayout layout_constraintHorizontal layout_constraintDimensionRatio square CardView

傷城~ 2024-02-29 07:22 54阅读 0赞

### Android ConstraintLayout layout\_constraintHorizontal layout\_constraintDimensionRatio square CardView ###

###  ###

<?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">
    
        <androidx.cardview.widget.CardView
            android:id="@+id/card"
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:cardBackgroundColor="@android:color/holo_purple"
            app:cardCornerRadius="20dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintDimensionRatio="1:1"
            app:layout_constraintHorizontal_weight="4"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toLeftOf="@id/v1"
            app:layout_constraintTop_toTopOf="parent">
    
            <androidx.appcompat.widget.AppCompatImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="centerCrop"
                android:src="@drawable/ic_launcher_foreground" />
        </androidx.cardview.widget.CardView>
    
        <androidx.cardview.widget.CardView
            android:id="@+id/v1"
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:cardBackgroundColor="@android:color/holo_green_light"
            app:cardCornerRadius="10dp"
            app:layout_constraintDimensionRatio="1:1"
            app:layout_constraintHorizontal_weight="1"
            app:layout_constraintLeft_toRightOf="@id/card"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="@id/card">
    
            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="centerCrop"
                android:src="@drawable/ic_launcher_foreground" />
        </androidx.cardview.widget.CardView>
    
        <androidx.cardview.widget.CardView
            android:id="@+id/v2"
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:cardBackgroundColor="@android:color/holo_red_light"
            app:cardCornerRadius="10dp"
            app:layout_constraintBottom_toBottomOf="@id/card"
            app:layout_constraintDimensionRatio="1:1"
            app:layout_constraintHorizontal_weight="1"
            app:layout_constraintLeft_toRightOf="@id/card"
            app:layout_constraintRight_toRightOf="parent">
    
            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="centerCrop"
                android:src="@drawable/ic_launcher_foreground" />
        </androidx.cardview.widget.CardView>
    </androidx.constraintlayout.widget.ConstraintLayout>

![8ac551750cd749d9979e26ee827ef8bb.png][]

[Android ConstraintLayout app:layout\_constraintHorizontal\_weight-CSDN博客Android ConstraintLayout按比例缩放View关键点有两个，第一，使用Android ConstraintLayout的layout\_constraintDimensionRatio属性，设置宽高比缩放比例，宽:高。Android ConstraintLayout约束布局的居中\_android constraintlayout 两个图片并排水平居中-CSDN博客。Android ConstraintLayout按比例缩放View\_constraintlayout 比例-CSDN博客。![favicon32.ico][]https://blog.csdn.net/zhangphil/article/details/133323625][Android ConstraintLayout app_layout_constraintHorizontal_weight-CSDN_Android ConstraintLayout_View_Android ConstraintLayout_layout_constraintDimensionRatio_Android ConstraintLayout_android constraintlayout _-CSDN_Android ConstraintLayout_View_constraintlayout _-CSDN_favicon32.ico_https_blog.csdn.net_zhangphil_article_details_133323625]

[8ac551750cd749d9979e26ee827ef8bb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/29/19d6a993c11f431dbeb7eab614b9fe96.png
[favicon32.ico]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/29/b735fdf1004a4bdd903e22504deadf46.png
[Android ConstraintLayout app_layout_constraintHorizontal_weight-CSDN_Android ConstraintLayout_View_Android ConstraintLayout_layout_constraintDimensionRatio_Android ConstraintLayout_android constraintlayout _-CSDN_Android ConstraintLayout_View_constraintlayout _-CSDN_favicon32.ico_https_blog.csdn.net_zhangphil_article_details_133323625]: https://blog.csdn.net/zhangphil/article/details/133323625