Android系統小屏幕產品WiFi添加熱點界面，Spinner下拉組件倒三角圖標移位重疊bug問題

問題現象：

知識點：

layer-list : layer-list 作爲圖層列表，原理是圖層一層層的疊加，後添加的會覆蓋先添加的，有點類似 FrameLayout屬性。

 

問題原因：

通過跟theme和style的代碼，發現該主題下Spinner組件倒三角圖標用的是：

android/frameworks/base/core/res/res/drawable/spinner_background_material.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:paddingMode="stack"
    android:paddingStart="0dp"
    android:paddingEnd="48dp"
    android:paddingLeft="0dp"
    android:paddingRight="0dp">
    <item
        android:gravity="end|fill_vertical"
        android:width="48dp"
        android:drawable="@drawable/control_background_40dp_material" />

    <item
        android:drawable="@drawable/ic_spinner_caret"
        android:gravity="end|center_vertical"
        android:width="24dp"
        android:height="24dp"
        android:end="12dp" />
</layer-list>

本來正常的點擊Spinner組件，在大屏設備上能正常堆疊顯示。

猜想應該是因爲現在做的產品，分辨率只有320x240導致顯示界面太小，導致點擊之後，View重繪堆疊到了其它View圖層上。

修改成selector：

<!--
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:paddingMode="stack"
    android:paddingStart="0dp"
    android:paddingEnd="48dp"
    android:paddingLeft="0dp"
    android:paddingRight="0dp">
    <item
        android:gravity="end|fill_vertical"
        android:width="48dp"
        android:drawable="@drawable/control_background_40dp_material" />

    <item
        android:drawable="@drawable/ic_spinner_caret"
        android:gravity="end|center_vertical"
        android:width="24dp"
        android:height="24dp"
        android:end="12dp" />
</layer-list>
--><!-- modify -->
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_focused="true"
          android:state_enabled="true">
        <layer-list android:paddingMode="stack"
                    android:paddingStart="0dp"
                    android:paddingEnd="48dp"
                    android:paddingLeft="0dp"
                    android:paddingRight="0dp">
            <item
                android:gravity="end|fill_vertical"
                android:width="48dp"
                android:drawable="@drawable/control_background_32dp_material" />

            <item
                android:drawable="@drawable/ic_spinner_caret"
                android:gravity="end|center_vertical"
                android:width="24dp"
                android:height="24dp"
                android:end="12dp" />
        </layer-list>
    </item>
    
    <item>
        <layer-list android:paddingMode="stack"
                    android:paddingStart="0dp"
                    android:paddingEnd="48dp"
                    android:paddingLeft="0dp"
                    android:paddingRight="0dp">
            <item
                android:drawable="@drawable/ic_spinner_caret"
                android:gravity="end|center_vertical"
                android:width="24dp"
                android:height="24dp"
                android:end="12dp" />
        </layer-list>
    </item>
</selector>

修改後能正常顯示