Android轮播页面指示器图片尺寸不一致问题及实现尝试

我之前也踩过这个坑！用Selector作为ImageView的src时，很容易因为不同状态下Drawable的尺寸差异导致指示器圆点跳来跳去，给你几个实用的解决思路：

1. 固定ImageView宽高 + 统一Selector内Shape尺寸 #

这是最直接的办法，先在布局里给指示器的ImageView设置固定宽高，确保它的大小不会随Drawable变化；然后在Selector里把选中和未选中状态的Shape尺寸设为一致，只用颜色区分状态。

修改后的selector_carousel_page_indicator.xml：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 选中状态：浅蓝色实心圆 -->
    <item android:state_selected="true">
        <shape android:shape="oval">
            <solid android:color="@color/lightBlue" />
            <size android:width="5dp" android:height="5dp" />
        </shape>
    </item>
    <!-- 默认未选中状态：灰色实心圆 -->
    <item>
        <shape android:shape="oval">
            <solid android:color="@color/grey" />
            <!-- 和选中状态保持完全一致的尺寸 -->
            <size android:width="5dp" android:height="5dp" />
        </shape>
    </item>
</selector>

布局中的ImageView配置：

<ImageView
    android:id="@+id/carousel_indicator"
    android:layout_width="5dp"
    android:layout_height="5dp"
    android:src="@drawable/selector_carousel_page_indicator"
    android:scaleType="centerInside" />

2. 用LayerList实现“选中放大”效果（无尺寸跳变） #

如果你的需求是选中时圆点稍微放大，又不想ImageView整体尺寸变化，可以用LayerList给选中状态的Drawable加一个透明占位层，保证整个Drawable的尺寸和未选中时一致：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true">
        <layer-list>
            <!-- 透明占位层：和未选中状态的Drawable尺寸匹配（可按需调整） -->
            <item>
                <shape android:shape="oval">
                    <solid android:color="@android:color/transparent" />
                    <size android:width="7dp" android:height="7dp" />
                </shape>
            </item>
            <!-- 上层实际显示的选中圆点：通过margin缩小显示范围，实现“放大”视觉效果 -->
            <item
                android:left="1dp"
                android:top="1dp"
                android:right="1dp"
                android:bottom="1dp">
                <shape android:shape="oval">
                    <solid android:color="@color/lightBlue" />
                </shape>
            </item>
        </layer-list>
    </item>
    <item>
        <shape android:shape="oval">
            <solid android:color="@color/grey" />
            <size android:width="5dp" android:height="5dp" />
        </shape>
    </item>
</selector>

对应的ImageView设置宽高为7dp，这样不管选中与否，ImageView的大小固定，只会看到内部圆点的视觉变化。

核心思路就是确保不同状态下Drawable的整体尺寸一致，或者通过固定ImageView的宽高来限制它的自适应行为，这样就能解决尺寸跳变的问题了。

内容的提问来源于stack exchange，提问作者DimDim