在Constraintlayout中水平对齐两个TextView

Question

地狱！

我目前正在学习JAVA的基础知识，但我不太想知道... 我要做的是：在CardView中水平对齐两个TextView，同时使它们彼此互禁

我尝试过的事情：

• 单独约束它们，这会在我不希望的两个TextView之间创建空间。
• 我也玩过Chains，但是不能完全正常工作（可能做错了）。
• 上次我尝试搜索此论坛，但只能发现我的空间不适合（相对布局和其他布局）的非常大的问题

Android编辑器的图像：https://imgur.com/ICLPv8v 粉色圆圈是我遇到麻烦的地方（之间有太多空间）

到目前为止，这是我想出的代码：-）

仅供参考：我遵循的是Android基础：用户界面，这很有趣，对于他们来说这似乎有点太先进了，但是我很想学习！

<androidx.constraintlayout.widget.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"
    tools:context=".MainActivity">

  <androidx.cardview.widget.CardView
      android:id="@+id/materialcard"
      android:layout_width="200dp"
      android:layout_height="200dp"
      android:backgroundTint="@color/Gray200"
      app:cardCornerRadius="8dp"
      app:layout_constraintBottom_toBottomOf="parent"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintTop_toTopOf="parent" />

  <TextView
      android:id="@+id/Hi"
      style="@style/Headline1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:elevation="2dp"
      android:text="Hi"
      android:textColor="@color/Gray900"
      android:textStyle="bold"
      app:layout_constraintHorizontal_chainStyle="packed"
      app:layout_constraintStart_toStartOf="@+id/materialcard"
      app:layout_constraintTop_toTopOf="@+id/materialcard" />

  <TextView
      android:id="@+id/ExclamationMark"
      style="@style/Headline_bold"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:elevation="2dp"
      android:text="!"
      android:textAlignment="center"
      android:textColor="@color/colorAccent"
      android:textStyle="bold"
      app:layout_constraintEnd_toEndOf="@+id/materialcard"
      app:layout_constraintLeft_toLeftOf="@+id/materialcard"
      app:layout_constraintStart_toEndOf="@+id/Hi"
      app:layout_constraintTop_toTopOf="@+id/materialcard" />
  
</androidx.constraintlayout.widget.ConstraintLayout>```


  [1]: https://i.stack.imgur.com/Fd8Jf.png

Answer 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"
  android:background="@color/cardview_dark_background">

<androidx.cardview.widget.CardView
    android:id="@+id/materialcard"
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintWidth_percent="0.7"
    app:layout_constraintHeight_percent="0.4"
    app:cardCornerRadius="8dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<TextView
    android:id="@+id/Hi"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:background="@color/colorPrimary"
    app:layout_constraintWidth_percent="0.34"
    app:layout_constraintHeight_percent="0.4"
    android:elevation="2dp"
    android:text="Hi"
    android:textStyle="bold"
    app:layout_constraintHorizontal_chainStyle="packed"
    app:layout_constraintStart_toStartOf="@+id/materialcard"
    app:layout_constraintTop_toTopOf="@+id/materialcard" />

<TextView
    android:id="@+id/ExclamationMark"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:background="@color/colorAccent"
    app:layout_constraintWidth_percent="0.34"
    app:layout_constraintHeight_percent="0.4"
    android:elevation="2dp"
    android:text="!"
    android:textAlignment="center"
    android:textColor="@color/colorAccent"
    android:textStyle="bold"
    app:layout_constraintEnd_toEndOf="@+id/materialcard"
    app:layout_constraintLeft_toLeftOf="@+id/materialcard"
    app:layout_constraintStart_toEndOf="@+id/Hi"
    app:layout_constraintTop_toTopOf="@+id/materialcard" />

</androidx.constraintlayout.widget.ConstraintLayout>

重要的是那些属性：

    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintWidth_percent="0.7"
    app:layout_constraintHeight_percent="0.4"

这样做，现在您的cardView将恰好是屏幕的70％和屏幕的40％。

现在，如果您查看布局，我已经为其他视图完成了此操作，从而允许我自己控制cardView内的空间。