约束布局中的居中视图
Center views in Constraint Layout
所以首先是的,这里有类似的帖子,但我无法通过阅读它们来解决我的问题。我需要在约束布局中将两个按钮居中,如下所示。
按钮位于几个标签下方,您可以在最后的 xml 中看到。当前生成的布局如下所示。
我想要的结果就像第一张图片,所以这两个按钮应该在文本视图下方居中,其中包含 "No Location"。
我对使用约束布局还很陌生。我读到使用 "layout_constraintHorizontal_bias" 是最好的方法,但我没有运气。下面是我的布局的 xml,非常感谢任何帮助或指导。
<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:gravity="center_vertical|center"
android:layout_height="wrap_content"
android:id="@+id/checkIn_layout">
<TextView
android:id="@+id/checkIn_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:text="Manual Check-in"
android:textColor="#FFFFFF"
android:textSize="16dp"
android:textStyle="normal"
android:fontFamily="sans-serif"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/checkIn_duration"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:text="00:00:00"
android:textColor="#FFFFFF"
android:fontFamily="sans-serif-medium"
android:textSize="50dp"
android:textStyle="normal"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/checkIn_title" />
<TextView
android:id="@+id/checkIn_location"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:drawableLeft="@drawable/icon_location"
android:drawablePadding="5dp"
android:text="Glow New Media"
android:textColor="#FFFFFF"
android:fontFamily="sans-serif"
android:textSize="16dp"
android:textStyle="normal"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/checkIn_duration" />
<Button
android:id="@+id/checkIn_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Check Out"
android:paddingLeft="25dp"
android:paddingRight="25dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:background="@drawable/RoundedButton"
android:textColor="#399AEA"
android:textSize="16dp"
android:fontFamily="sans-serif-medium"
android:textStyle="normal"
android:padding="10dp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toLeftOf="@+id/onduty_button"
app:layout_constraintTop_toBottomOf="@+id/checkIn_location"
app:layout_constraintHorizontal_bias="0.5" />
<ImageButton
android:id="@+id/onduty_button"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:padding="10dp"
android:paddingLeft="25dp"
android:paddingRight="25dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_power"
android:background="@drawable/PowerButton"
app:layout_constraintTop_toBottomOf="@+id/checkIn_location"
app:layout_constraintLeft_toRightOf="@+id/checkIn_button"
app:layout_constraintHorizontal_bias="0.5" />
</android.support.constraint.ConstraintLayout>
只使用一套; 左右,或开始,结束。现在要实现您正在尝试的正是 chainStyle
所做的。查看 docs 以供参考(请参阅 link 中的链概念)。
你需要的是 packed
作为 horizontalChainStyle。
你可以这样做:
<android.support.constraint.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:id="@+id/checkIn_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical|center"
tools:background="@color/blue">
<TextView
android:id="@+id/checkIn_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:fontFamily="sans-serif"
android:text="Manual Check-in"
android:textColor="#FFFFFF"
android:textSize="16dp"
android:textStyle="normal"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/checkIn_duration"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:fontFamily="sans-serif-medium"
android:text="00:00:00"
android:textColor="#FFFFFF"
android:textSize="50dp"
android:textStyle="normal"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/checkIn_title" />
<TextView
android:id="@+id/checkIn_location"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:drawableLeft="@drawable/ic_email"
android:drawablePadding="5dp"
android:fontFamily="sans-serif"
android:text="Glow New Media"
android:textColor="#FFFFFF"
android:textSize="16dp"
android:textStyle="normal"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/checkIn_duration" />
<Button
android:id="@+id/checkIn_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:background="@color/white"
android:fontFamily="sans-serif-medium"
android:padding="10dp"
android:paddingLeft="25dp"
android:paddingRight="25dp"
android:text="Check Out"
android:textColor="#399AEA"
android:textSize="16dp"
android:textStyle="normal"
app:layout_constraintEnd_toStartOf="@+id/onduty_button"
app:layout_constraintHorizontal_chainStyle="packed"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/checkIn_location" />
<ImageButton
android:id="@+id/onduty_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:background="#FF0000"
android:padding="10dp"
android:paddingLeft="25dp"
android:paddingRight="25dp"
android:src="@android:drawable/ic_lock_power_off"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/checkIn_button"
app:layout_constraintTop_toBottomOf="@+id/checkIn_location" />
所以首先是的,这里有类似的帖子,但我无法通过阅读它们来解决我的问题。我需要在约束布局中将两个按钮居中,如下所示。
按钮位于几个标签下方,您可以在最后的 xml 中看到。当前生成的布局如下所示。
我想要的结果就像第一张图片,所以这两个按钮应该在文本视图下方居中,其中包含 "No Location"。
我对使用约束布局还很陌生。我读到使用 "layout_constraintHorizontal_bias" 是最好的方法,但我没有运气。下面是我的布局的 xml,非常感谢任何帮助或指导。
<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:gravity="center_vertical|center"
android:layout_height="wrap_content"
android:id="@+id/checkIn_layout">
<TextView
android:id="@+id/checkIn_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:text="Manual Check-in"
android:textColor="#FFFFFF"
android:textSize="16dp"
android:textStyle="normal"
android:fontFamily="sans-serif"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/checkIn_duration"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:text="00:00:00"
android:textColor="#FFFFFF"
android:fontFamily="sans-serif-medium"
android:textSize="50dp"
android:textStyle="normal"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/checkIn_title" />
<TextView
android:id="@+id/checkIn_location"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:drawableLeft="@drawable/icon_location"
android:drawablePadding="5dp"
android:text="Glow New Media"
android:textColor="#FFFFFF"
android:fontFamily="sans-serif"
android:textSize="16dp"
android:textStyle="normal"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/checkIn_duration" />
<Button
android:id="@+id/checkIn_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Check Out"
android:paddingLeft="25dp"
android:paddingRight="25dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:background="@drawable/RoundedButton"
android:textColor="#399AEA"
android:textSize="16dp"
android:fontFamily="sans-serif-medium"
android:textStyle="normal"
android:padding="10dp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toLeftOf="@+id/onduty_button"
app:layout_constraintTop_toBottomOf="@+id/checkIn_location"
app:layout_constraintHorizontal_bias="0.5" />
<ImageButton
android:id="@+id/onduty_button"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:padding="10dp"
android:paddingLeft="25dp"
android:paddingRight="25dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_power"
android:background="@drawable/PowerButton"
app:layout_constraintTop_toBottomOf="@+id/checkIn_location"
app:layout_constraintLeft_toRightOf="@+id/checkIn_button"
app:layout_constraintHorizontal_bias="0.5" />
</android.support.constraint.ConstraintLayout>
只使用一套; 左右,或开始,结束。现在要实现您正在尝试的正是 chainStyle
所做的。查看 docs 以供参考(请参阅 link 中的链概念)。
你需要的是 packed
作为 horizontalChainStyle。
你可以这样做:
<android.support.constraint.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:id="@+id/checkIn_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical|center"
tools:background="@color/blue">
<TextView
android:id="@+id/checkIn_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:fontFamily="sans-serif"
android:text="Manual Check-in"
android:textColor="#FFFFFF"
android:textSize="16dp"
android:textStyle="normal"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/checkIn_duration"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:fontFamily="sans-serif-medium"
android:text="00:00:00"
android:textColor="#FFFFFF"
android:textSize="50dp"
android:textStyle="normal"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/checkIn_title" />
<TextView
android:id="@+id/checkIn_location"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:drawableLeft="@drawable/ic_email"
android:drawablePadding="5dp"
android:fontFamily="sans-serif"
android:text="Glow New Media"
android:textColor="#FFFFFF"
android:textSize="16dp"
android:textStyle="normal"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/checkIn_duration" />
<Button
android:id="@+id/checkIn_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:background="@color/white"
android:fontFamily="sans-serif-medium"
android:padding="10dp"
android:paddingLeft="25dp"
android:paddingRight="25dp"
android:text="Check Out"
android:textColor="#399AEA"
android:textSize="16dp"
android:textStyle="normal"
app:layout_constraintEnd_toStartOf="@+id/onduty_button"
app:layout_constraintHorizontal_chainStyle="packed"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/checkIn_location" />
<ImageButton
android:id="@+id/onduty_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:background="#FF0000"
android:padding="10dp"
android:paddingLeft="25dp"
android:paddingRight="25dp"
android:src="@android:drawable/ic_lock_power_off"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/checkIn_button"
app:layout_constraintTop_toBottomOf="@+id/checkIn_location" />