Android Tab 指示器三角形效果：使用 Selector Drawable 定義選中狀態背景

編寫 selector XML，針對 state_selected、state_pressed 等狀態指定含三角形的圖片資源，實現 Tab 切換視覺提示。

Selector XML (res/drawable/tab_indicator.xml)

<selector xmlns:android="https://schemas.android.com/apk/res/android">
    <!-- 未選中 -->
    <item android:state_selected="false" android:state_focused="false" android:state_pressed="false"
        android:drawable="@drawable/tab_unselected" />
    <!-- 選中 -->
    <item android:state_selected="true" android:state_pressed="false"
        android:drawable="@drawable/tab_selected" />
    <!-- 聚焦 -->
    <item android:state_focused="true" android:state_selected="false"
        android:drawable="@drawable/tab_focused" />
    <!-- 按下 -->
    <item android:state_pressed="true"
        android:drawable="@drawable/tab_pressed" />
</selector>

套用至 TabWidget

<TabWidget
    android:id="@android:id/tabs"
    android:background="@drawable/tab_indicator"
    ... />

圖片資源準備

• tab_selected：含底部三角形指示器的背景圖。
• tab_unselected：無三角形的預設背景。
• 可用 9-patch (.9.png) 確保不同寬度 Tab 正常拉伸。