背景编程可绘制裁剪

Question

我想制作一个圆圈内有字母的按钮，而不使用图片。

我的按钮定义如下：

<Button
    android:id="@+id/zoomInButton"
    android:layout_width="40dp"
    android:layout_height="40dp"
    android:layout_margin="10dp"
    android:background="@drawable/circle"
    android:text="+"
    android:textColor="@color/white"
    android:textSize="62sp" />

<Button
    android:id="@+id/zoomOutButton"
    android:layout_width="40dp"
    android:layout_height="40dp"
    android:layout_margin="10dp"
    android:background="@drawable/circle"
    android:text="-"
    android:textColor="@color/white"
    android:textSize="62sp" />

圈子是：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval" >

    <stroke
        android:width="3dp"
        android:color="@color/white" />

    <solid android:color="@android:color/transparent" />

</shape>

但是，圆圈​​未居中且文字被裁剪：

如何将背景置于文本中心？

Answer 1

尝试减少textSize Buttons'，因为62sp没有足够的空间来解释文本的裁剪原因。