Android Button drawableLeft 圖示貼左邊？用 drawablePadding 或改用 LinearLayout 包裝

現象

android:drawableLeft="@drawable/Handshake" 圖示緊貼 Button 左緣，想要左側留白。

方案一：drawablePadding (四邊同距)

<Button
    android:drawableLeft="@drawable/Handshake"
    android:drawablePadding="16dp" />

缺點：上下左右皆產生間距，無法單獨控制左側。

方案二：LinearLayout 包裝 ImageView + TextView (推薦)

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center_vertical"
    android:background="@drawable/curvedplanebutton"
    android:paddingLeft="24dp">  <!-- 整體左內距 -->

    <ImageView
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:src="@drawable/Handshake"
        android:layout_marginRight="12dp" /> <!-- 圖文間距 -->

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Payments"
        android:textColor="@drawable/button_text_color"
        android:textSize="16sp" />

</LinearLayout>

優勢

• 完全控制圖示大小、間距、對齊
• 可分別設定圖示與文字顏色狀態
• 符合 Material Design 規範

方案三：MaterialButton (AndroidX)

<com.google.android.material.button.MaterialButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Payments"
    app:icon="@drawable/Handshake"
    app:iconGravity="start"
    app:iconPadding="16dp" />

MaterialButton 內建 iconPadding 屬性，專門控制圖文間距，最現代化。