约束布局按钮文本居中对齐

新手上路,请多包涵

我正在使用新的 Constraint 布局来构建我的布局。我需要 Button 几乎占据整个屏幕宽度并且使用约束很容易。

在此处输入图像描述

正如您在图像中看到的,我将宽度设置为 0dp (任意大小),但文本不会居中,这对于按钮文本来说通常是正常的。

我试过: - 将重力设置为中心 - 将 textAlignment 设置为中心

看起来此属性不能与 0dp 宽度(任何大小)一起使用。

所以我尝试使用重心将宽度设置为 match_parent

在此处输入图像描述

它有点偏右。

有谁知道如何解决这种行为?

请注意,我正在使用 alpha4

compile 'com.android.support.constraint:constraint-layout:1.0.0-alpha4'

XML代码

<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/content_login"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    tools:context="br.com.marmotex.ui.LoginActivityFragment"
    tools:showIn="@layout/activity_login">

    <Button
        android:text="Log in"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:id="@+id/btLogin"
        android:layout_marginTop="48dp"
        app:layout_constraintTop_toBottomOf="@+id/textView6"
        android:layout_marginEnd="16dp"
        app:layout_constraintRight_toRightOf="@+id/content_login"
        android:layout_marginRight="16dp"
        android:layout_marginStart="16dp"
        app:layout_constraintLeft_toLeftOf="@+id/content_login"
        android:layout_marginLeft="16dp"
        android:textColor="@android:color/white"
        android:background="@color/BackgroundColor" />

</android.support.constraint.ConstraintLayout>

编辑 这是 ConstraintLayout alpha4 中的一个错误。

更新 谷歌已经发布了 alpha5 ,上面的代码现在可以工作了。 发行公告

原文由 Clayton Oliveira 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 463
2 个回答

它有点偏右。

我认为利润率是造成这些的原因。根据我的经验,它不仅会影响 Buttons。 Margin 也在搞砸 TextInputEditText。

下面是一个工作代码,但请注意按钮上的 android:layout_width="match_parent" 。每当我在编辑器中单击时,它都会更改为 android:layout_width="0dp" ,并破坏按钮对齐。

 <?xml version="1.0" encoding="utf-8"?>
<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/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/button_survey"
        android:layout_width="match_parent"
        android:layout_height="52dp"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="@+id/activity_main"
        app:layout_constraintLeft_toLeftOf="@+id/activity_main"
        app:layout_constraintRight_toRightOf="@+id/activity_main"
        app:layout_constraintTop_toTopOf="@+id/activity_main"
        tools:text="@string/main_activity_btn_survey"
        android:layout_marginEnd="8dp"
        android:layout_marginRight="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginLeft="8dp" />

</android.support.constraint.ConstraintLayout>

受 Hobo joe 解决方案的启发,下面是我更喜欢这样做的方式。他的解决方案有效,但仍需要使用填充来创建间距。如果改为使用边距,按钮文本的对齐方式将稍微向右移动。所以我在 LinearLayout(或 ConstraintLayout)上使用填充而不是按钮上的边距。

 <?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toLeftOf="@+id/activity_main"
        app:layout_constraintTop_toTopOf="@+id/activity_main"
        app:layout_constraintRight_toRightOf="@+id/activity_main"
        app:layout_constraintBottom_toBottomOf="@+id/activity_main"
        android:padding="16dp">
        <Button
            android:text="Button"
            android:layout_width="match_parent"
            android:layout_height="52dp"
            android:id="@+id/button_survey"
            android:layout_weight="1"
            tools:text="@string/main_activity_btn_survey"
            />
    </LinearLayout>
</android.support.constraint.ConstraintLayout>

原文由 Marchell Imanuel 发布,翻译遵循 CC BY-SA 3.0 许可协议

你有没有尝试过 ?

 android:textAlignment="center"

这对我有用。

原文由 SoH 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏