2

我只是无法在我在 styles.xml 中定义的按钮中居中(垂直和水平)文本(当所有属性都在布局中时正常工作)

最初所有属性都是直接在布局中设置的,但我有很多片段,所有按钮都是相同的。当 Button 在布局中完全声明时,我什至不需要指定“重力”值,文本会自动居中。

我尝试为某些属性创建样式,但在样式和/或布局中丢失了文本居中并且“android:gravity="center"" 不起作用

样式.xml

<!-- GENERAL - BUTTON -->
    <style name="Widget.AppCompat.Button.one_line">
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">50dp</item>
        <item name="android:paddingStart">20dp</item>
        <item name="android:paddingEnd">20dp</item>
        <item name="android:paddingBottom">20dp</item>
        <item name="android:fontFamily">@font/roboto_condensed_bold</item>
        <item name="android:textStyle">bold</item>
        <item name="android:textColor">@color/white</item>
        <item name="android:textSize">@dimen/default_text_size</item>
        <item name="android:gravity">center_vertical</item>
    </style>

我的布局.xml

<android.support.constraint.ConstraintLayout>
...
    <Button
        android:id="@+id/btn_back"
        style="@style/Widget.AppCompat.Button.one_line"
        android:background="@drawable/border_green_full"
        android:text="@string/retour"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent" />
<android.support.constraint.ConstraintLayout>

retour.png

我希望文本垂直居中。我错过了什么?

4

2 回答 2

0

在您的情况下,只需删除:

<item name="android:paddingBottom">20dp</item>

更好地使用样式:

<style name="Widget.AppCompat.Button.one_line" parent="@style/Widget.AppCompat.Button">
 ...
</style>

在这种情况下,默认值为:

<item name="android:gravity">center_vertical|center_horizontal</item>

一般来说:

本来所有的属性都是直接在布局中设置的,但是我有很多片段,所有的按钮都是一样的

如果您想集中应用程序中所有按钮的样式,请避免在布局中的任何按钮中指定style属性,只需使用:

  • 使用Material Theme应用程序主题中的materialButtonStyle属性:

就像是:

<!-- Base application theme. -->
  <style name="AppTheme" parent="Theme.MaterialComponents.Light">
     ...
    <item name="materialButtonStyle">@style/Widget.MaterialComponents.Button</item>
  </style>
  • 使用AppCompat 主题使用以下buttonStyle属性:

就像是:

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    ...
    <item name="buttonStyle">@style/Widget.AppCompat.Button</item>
</style>

如果您想自定义样式,请parent使用Widget.MaterialComponents.Button/定义样式Widget.AppCompat.Button

于 2019-08-27T14:31:07.983 回答
0

我犯了@GiddyNaya所说的错误,显然添加padding_bottom将文本放在按钮中(我想添加边距,而不是填充......)

于 2019-08-27T14:35:44.680 回答