圆形自定义按钮中的内联对齐标题

Question

我创建了一个简单的圆形按钮来为自定义对话框选择器创建 - 和 + 按钮。

如屏幕截图所示，- 和 + 稍微向下移动了一点，没有位于自定义背景的中央。

我在 drawable/circular_button.xml 中的自定义背景看起来像这样。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <stroke android:color="@color/colorPrimaryDark" android:width="1dp" />
    <solid android:color="@color/colorPrimary" />
    <size android:width="30sp" android:height="30sp"/>

</shape>

按钮在LinearLayout

里面是这样配置的

        <Button
            android:id="@+id/decrease_one"
            android:layout_width="40sp"
            android:layout_height="40sp"
            android:layout_marginRight="20sp"
            android:background="@drawable/rounded_button"
            android:text="-"
            android:textColor="@color/white"
            android:textSize="30sp"
            android:textStyle="bold" />

我在其中一篇文章中读到了标签 minHeight，但它并没有解决我的 problem.Any 想法？

Answer 1

Batter 使用 FloatingActionButton mini

<android.support.design.widget.FloatingActionButton
    android:id="@+id/activity_my_digital_executor_fabDigitalex"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    card_view:fabSize="mini"
    card_view:srcCompat="@drawable/ic_new_plus" />

在你的应用程序依赖项中添加'com.android.support:design:26.0.+'

Answer 2

这是因为你的 Button 的 android:textSize="30sp" 如果你设置 50sp，它会下降更多，只需将您的按钮转换为 Textviews 并设置 android:gravity="center" 并保持您的文本大小为 30sp

<TextView
            android:id="@+id/decrease_2"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginRight="20dp"
            android:background="@drawable/rounded_button"
            android:text="+"
            android:gravity="center"
            android:textColor="@color/white"
            android:textSize="30sp"
            android:textStyle="bold" />

Answer 3

如果您使用的是 Imageview 而不是 Textview，那么您的问题就解决了。

圆形自定义按钮中的内联对齐标题

Inline alignment title in circular custom button

android

button

android-layout

floating-action-button