Android ImageButton 去除白邊：使用透明 PNG + 背景設為透明，非代碼控制形狀

現象

`ImageButton` 設 `android:src="@drawable/a"` (熊貓圖)，四周出現白色矩形邊框/背景，想要不規則形狀（只有熊貓輪廓）。

核心原則

Android View 系統本質是矩形區域，代碼**無法改變 View 的幾何形狀為不規則多邊形**。「不規則按鈕」視覺效果**完全由美術圖片透明度決定**。

標準解法：美術出透明 PNG

1. UI 設計師在 PS/AI 中**將畫布背景設為透明**，僅繪製熊貓主體，匯出 **PNG-24 (含 Alpha 通道)**。
2. 代碼僅需：

   
   <ImageButton
       android:id="@+id/btn_panda"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:src="@drawable/panda_transparent"
       android:background="@android:color/transparent" /> <!-- 關鍵：移除預設灰白背景 -->
   

3. 若需點擊區域精確貼合輪廓（不觸發透明區點擊），可在 `onTouchEvent` 判斷 `Bitmap.getPixel(x,y) == 0`，但通常**矩形點擊區可接受**。

代碼層面嘗試（不推薦、效果有限）

• `android:background="@null"` 或 `@android:color/transparent`：移除預設背景，**必要步驟**。
• `android:scaleType="fitXY"` / `centerInside`：調整圖片縮放，**不影響透明度**。
• 自訂 `View` 重寫 `onDraw` 裁剪 `Canvas.clipPath`：極度複雜、效能差、**不值得**。

總結

**ImageButton 去白邊 = 美術給透明 PNG + 代碼 `background=transparent`**。代碼無法做不規則形狀按鈕，只能靠圖片 Alpha 通道「視覺欺騙」。這是 UI 設計師的活，不是工程師的活。