为什么XML drawable在Android Studio预览和真机上显示效果不一致

• 单位混用：drawable中混合使用sp、dp两类单位，sp会随系统字体大小缩放，本身就不适合用于非文本类的尺寸定义，不同机型字体缩放比例不同时必然出现显示偏差
• 硬编码定位：蛇头的oval形状通过固定left/right/top/bottom边距定位，完全适配你当前调试的100sp尺寸的ProgressBar，一旦控件尺寸、设备dpi发生变化，位置就会偏移
• 预览渲染差异：Android Studio的布局预览渲染逻辑和真机系统渲染存在实现差异，硬编码参数的drawable很容易出现预览和真机效果不一致的情况

1. 统一单位规范 #

把progress_gradient.xml中所有非文本相关的sp单位替换为dp，避免受系统字体设置影响。

2. 替换硬编码定位逻辑 #

删除oval item的固定边距配置，通过gravity属性做适配环形半径的定位，消除固定值的适配隐患。

3. 修正后的progress_gradient.xml代码 #

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="720">

    <layer-list>
        <item>
            <shape
                android:innerRadiusRatio="3"
                android:shape="ring"
                android:thicknessRatio="30"
                android:useLevel="false">

                <size
                    android:width="100dp"
                    android:height="100dp" />

                <gradient
                    android:angle="0"
                    android:endColor="#9ac14e"
                    android:startColor="@android:color/transparent"
                    android:type="sweep"
                    android:useLevel="false" />

            </shape>
        </item>
        <item
            android:width="3dp"
            android:height="3dp"
            android:gravity="center_vertical|end"
            android:end="8dp">
            <shape android:shape="oval">
                <solid android:color="#9ac14e"/>
            </shape>
        </item>
    </layer-list>

</rotate>

4. 布局代码对应调整 #

把ProgressBar的宽高单位也替换为dp，和drawable的size配置对应：

<ProgressBar
    android:id="@+id/waitcircle"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_marginTop="50dp"
    android:layout_gravity="center_horizontal"
    android:indeterminate="true"
    android:indeterminateDrawable="@drawable/progress_gradient"/>

修改后可以在Android Studio预览中切换不同dpi、不同尺寸的虚拟设备查看效果，显示一致后再到不同真机验证即可解决多机型适配问题。

内容的提问来源于stack exchange，提问作者Luis A. Florit