带有左侧图标和文本的按钮完全对齐

Question

晚上好，

我正在开发一个 Android 应用程序，我目前正在使用 XML 进行登录界面。

我正在尝试创建带有图标和文本的按钮，如下图所示：

http://i.imgur.com/J5Cj1w4.png

这是我的实际结果：

http://i.imgur.com/VPALdDD.p​​ng

使用此代码：

    <Button
        style="?android:textAppearanceSmall"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/sign_up_facebook"
        android:text="@string/signup_with_facebook"
        android:textColor="@color/primaryTextLight"
        android:drawableLeft="@drawable/ic_facebook_box_white_24dp"
        android:layout_weight="0"
        android:background="@drawable/button_shape_login"/>

    <Button
        style="?android:textAppearanceSmall"
        android:layout_marginTop="20sp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/sign_up_google"
        android:text="@string/signup_with_google"
        android:textColor="@color/primaryTextLight"
        android:drawableLeft="@drawable/ic_google_plus_box_white_24dp"
        android:layout_weight="0"
        android:background="@drawable/button_shape_login"/>

我卡在这一步。

如何使用 XML 代码获得最终所需的结果？

谢谢！

Answer 1

您可以像这样为可绘制对象提供填充： android:drawablePadding="50dip"

这个问题也在这篇文章中得到了回答。