Question

我正在基于ConstraintLayout为标题栏使用自定义布局。我需要将标题文本居中放置，而不能使两侧的按钮重叠。目前，标题位于侧边按钮之间，但是宽度不一样，因此标题不在父视图内。

这是当前的外观（位于两个按钮之间，而不是位于父按钮中）：

有什么方法可以确保标题在父对象中居中，同时确保其不与两侧的按钮文本重叠（因为这可能会改变）？

为了使其更复杂，如果没有足够的空间来同时显示全部标题，我还希望它成为被压缩的标题而不是按钮文本。

如果我将标题的两个边缘都限制在父级上，并将其设置为环绕宽度，那么它将几乎起作用，直到按钮文本变长为止。

Answer 1

您可以使用

app：layout_constraintTop_toTopOf
app：layout_constraintStart_toStartOf

如下所示

<TextView android:id="@+id/nomination" 
android:layout_width="wrap_content"
android:layout_height="wrap_content" 
app:layout_constraintTop_toTopOf="@+id/someId1" 
app:layout_constraintBottom_toBottomOf="@+id/someId2" 
app:layout_constraintStart_toStartOf="@+id/awards" 
app:layout_constraintEnd_toEndOf="parent"/>

Answer 2

要使视图居中，可以在将视图的两侧连接到其他视图时给layout_width =“ 0dp”。然后，中心视图会占据视图左侧的所有位置

更新

如果您想在父级内部居中，则其他视图将是您的父级。

android:layout_width = "0dp"
android:layout_height = "wrap_content"
android:ellipsize = "end"
android:maxLines = "1"
app:layout_constraintEnd_toEndOf = "parent"
app:layout_constraintStart_toStartOf = "parent"

Answer 3

您应该从Center开始，然后向左和向右走。

尝试以下解决方案，它应该可以正常工作

<android.support.constraint.ConstraintLayout xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <Button
            android:id="@+id/btn_at_the_start"
            android:layout_width="0dp"
            android:layout_height="45dp"
            android:gravity="center"
            android:text="Awards"
            app:layout_constraintEnd_toStartOf="@+id/tv_in_the_middle"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintWidth_percent="0.2" />

        <TextView
            android:id="@+id/tv_in_the_middle"
            android:layout_width="0dp"
            android:layout_height="45dp"
            android:ellipsize="end"
            android:gravity="center"
            android:textAlignment="center"
            android:padding="5dp"
            android:maxLines="2"
            android:text="Nominations"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintWidth_percent="0.6" />

        <ImageButton
            android:id="@+id/ibtn_at_the_end"
            android:layout_width="0dp"
            android:layout_height="45dp"
            android:background="@android:color/transparent"
            android:gravity="center_horizontal"
            android:src="@drawable/ic_add_white"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toEndOf="@+id/tv_in_the_middle"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintWidth_percent="0.2" />
    </android.support.constraint.ConstraintLayout>

如何在ConstraintLayout中将视图居中而不重叠不平坦的邻居

3 个答案: