android添加垂直约束,android – 约束布局垂直对齐中心

心已赠人 2022-10-05 05:42 371阅读 0赞

如何在约束布局中垂直对齐和居中对象？可以垂直或水平对齐,但除了限制两个网格线之间的视图之外,我还没有找到同时居中的方法.

垂直对齐中心：

![31faa39845619dd98e5b8a5cc5ae160d.png][]

似乎居中是约束布局的一个巨大问题,迫使我回到“centerInParent”,“centerVertical”和“centerHorizontal”的相对布局.

我想使用约束布局创建红色框的布局：

![8cf6298703c983c26171466024241dbd.png][]

不幸的是,我发现不使用两个网格线的唯一方法是使用嵌套的Relative和LinearLayouts(Constraint Layout应该解决这个确切的场景！).

使用相对和线性布局的布局：

android:layout\_width="0dp"

android:layout\_height="wrap\_content"

android:layout\_marginTop="12dp"

app:layout\_constraintTop\_toBottomOf="@id/user\_points"

app:layout\_constraintLeft\_toLeftOf="parent"

app:layout\_constraintRight\_toRightOf="parent">

android:id="@+id/stat\_1\_layout"

android:layout\_width="60dp"

android:layout\_height="wrap\_content"

android:layout\_marginLeft="12dp"

android:layout\_marginRight="12dp"

android:layout\_centerVertical="true"

android:layout\_toLeftOf="@+id/divider\_1"

android:orientation="vertical">

android:id="@+id/stat\_1"

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:layout\_gravity="center\_horizontal"

android:gravity="center\_horizontal"

android:text="10"

android:textSize="16dp"

android:textColor="@color/textSecondaryDark"

android:maxLines="1"/>

android:id="@+id/stat\_detail\_1"

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:layout\_gravity="center\_horizontal"

android:gravity="center"

android:text="Streak"

android:textSize="8sp"

android:textColor="@color/textSecondary"

android:maxLines="1"/>

android:id="@+id/divider\_1"

android:layout\_width="1dp"

android:layout\_height="38dp"

android:layout\_toLeftOf="@+id/stat\_2\_layout"

android:background="@drawable/linedivider"/>

android:id="@+id/stat\_2\_layout"

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:layout\_marginLeft="18dp"

android:layout\_marginRight="18dp"

android:layout\_centerInParent="true"

android:orientation="vertical">

android:id="@+id/stat\_2"

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:layout\_gravity="center\_horizontal"

android:gravity="center\_horizontal"

android:text="243"

android:textSize="16dp"

android:textColor="@color/textSecondaryDark"

android:maxLines="1"/>

android:id="@+id/stat\_detail\_2"

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:layout\_gravity="center\_horizontal"

android:gravity="center"

android:text="Calories Burned"

android:textSize="8sp"

android:textColor="@color/textSecondary"

android:maxLines="1"/>

android:id="@+id/divider\_2"

android:layout\_width="1dp"

android:layout\_height="38dp"

android:layout\_toRightOf="@+id/stat\_2\_layout"

android:background="@drawable/linedivider"/>

android:id="@+id/stat\_3\_layout"

android:layout\_width="60dp"

android:layout\_height="wrap\_content"

android:layout\_marginLeft="12dp"

android:layout\_marginRight="12dp"

android:layout\_toRightOf="@+id/divider\_2"

android:layout\_centerVertical="true"

android:orientation="vertical">

android:id="@+id/stat\_3"

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:layout\_gravity="center\_horizontal"

android:gravity="center\_horizontal"

android:text="3200"

android:textSize="16dp"

android:textColor="@color/textSecondaryDark"

android:maxLines="1"/>

android:id="@+id/stat\_detail\_3"

android:layout\_width="wrap\_content"

android:layout\_height="wrap\_content"

android:layout\_gravity="center\_horizontal"

android:gravity="center"

android:text="Steps"

android:textSize="8sp"

android:textColor="@color/textSecondary"

android:maxLines="1"/>

[31faa39845619dd98e5b8a5cc5ae160d.png]: /images/20221005/fb20a0d49e894659820ecfa3812c2129.png
[8cf6298703c983c26171466024241dbd.png]: /images/20221005/9cfcee25e6574bfab773b1effb00fc4f.png

android添加垂直约束,android – 约束布局垂直对齐中心

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Android约束布局ConstraintLayout

相关 Android约束布局ConstrainLayout

相关 android添加垂直约束,android – 约束布局垂直对齐中心

相关 Android studio约束布局 ConstraintLayout

相关 Android 约束者布局

相关 Android约束布局ConstraintLayout示例

相关【CSS】布局 - 水平 & 垂直对齐

相关 Android布局：ConstraintLayout-约束布局

相关 Android ConstraintLayout 约束布局详解

相关 CSS 布局 - 水平 & 垂直对齐