android - ConstraintLayout 在父级中垂直居中,没有重叠
问题描述
“Home”和“Btn3”之间的空间应该在布局的中线,但我不知道该怎么做。
我的布局看起来像这样
如您所见,我在两个元素之间有一个链(按钮位于 LinearLayout 中。)您可以看到按钮未在父元素中垂直居中。
“Home”和“Btn3”之间的空间应该在布局的中线,但我不知道该怎么做。
显然我可以将按钮布局限制在父级的顶部和底部,但是当布局旋转并变小时,我们会得到这样的重叠。
我的 XML:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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="#ff303030"
tools:ignore="HardcodedText">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guide_logo_end"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.98" />
<androidx.constraintlayout.widget.Guideline
android:id="@+id/guide_logo_top"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:layout_constraintGuide_percent="0.02" />
<LinearLayout
android:id="@+id/logo_layout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:orientation="vertical"
app:layout_constraintBottom_toTopOf="@id/button_layout"
app:layout_constraintEnd_toEndOf="@id/guide_logo_end"
app:layout_constraintTop_toTopOf="@id/guide_logo_top"
app:layout_constraintVertical_chainStyle="spread_inside">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/logo_small" />
<TextView
android:id="@+id/version_header"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="20px"
android:text="virtual console"
android:textColor="#ffffff"
android:textSize="34px" />
<TextView
android:id="@+id/version_number"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10px"
android:textColor="#909090"
android:textSize="28px"
tools:text="x.x.xx.xxxx" />
</LinearLayout>
<LinearLayout
android:id="@+id/button_layout"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<Button
android:id="@+id/enable_disable_btn1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/full_day_selector"
android:gravity="center"
android:text="Btn1"
android:textSize="50sp" />
<Button
android:id="@+id/demo_home"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="32px"
android:background="@drawable/full_day_selector"
android:gravity="center"
android:text="Home"
android:textSize="50sp" />
<Button
android:id="@+id/demo_btn3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="32px"
android:background="@drawable/full_day_selector"
android:gravity="center"
android:text="Btn3"
android:textSize="50sp" />
<Button
android:id="@+id/demo_admin"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="32px"
android:background="@drawable/full_day_selector"
android:gravity="center"
android:text="Admin"
android:textSize="50sp" />
</LinearLayout>
<Space
android:id="@+id/space_bottom"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/button_layout" />
</androidx.constraintlayout.widget.ConstraintLayout>
解决方案
推荐阅读
- postgresql - PostgreSQL Function Error: No function matches the given name and argument types. You might need to add explicit type casts
- javascript - 为什么在 JavaScript 函数体内调用 await 需要异步?
- ajax - Aspx page making ajax call loading in chrome but not loading in edge or IE browser
- javascript - NodeJS:从 JSON 对象打印彩色文本
- typescript - Vue3 Plugin Typescript Typings
- powershell - Updating JObject (Newtonsoft.Json.Linq.JContainer) in PowerShell
- slickgrid - Slickgrid 多个复选框列 - 都被选中
- r - 如果西装是红心,我如何使用 substr() 来提取卡片向量?
- html - 根据内容长度更改页脚属性
- spring - @RequestMapping 不会将我重定向到我的网址