Android系统小屏幕产品WiFi添加热点界面，Spinner下拉组件倒三角图标移位重叠bug问题

最新推荐文章于 2023-01-31 20:30:00 发布

建成OS

最新推荐文章于 2023-01-31 20:30:00 发布

阅读量551

点赞数

分类专栏： Android系统文章标签： Android Spinner组件 bug问题显示问题下拉组件图标重叠

本文链接：https://blog.csdn.net/zjc_jiancheng/article/details/103881984

版权

Android系统专栏收录该内容

2 篇文章 0 订阅

订阅专栏

问题现象：

问题图片

知识点：

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>

修改后能正常显示