API 19环境下VectorDrawable缩放问题求解
嘿,我碰到过类似的低版本Android矢量图兼容问题,给你几个靠谱的解决方案试试!
首先得明确:API 19及更早版本对矢量Drawable的支持很有限,尤其是在layer-list里直接使用时,系统对尺寸和缩放的处理逻辑和高版本(比如API28)差异很大,这就是你之前的设置在高版本正常、低版本失效的原因。
方案一:将矢量图转为PNG(最稳妥的兼容方式)
因为你的minSdk是15,API21以下的系统对矢量图的支持本来就需要依赖AppCompat库,但layer-list里的矢量图在API19上还是容易出问题。最简单的办法是把矢量图转换成不同dpi的PNG资源:
- 右键点击
res/drawable目录 → 选择New→Vector Asset - 选择你已有的
ic_smartphone_black_24dp矢量图,点击Next - 在弹出的对话框里勾选
Generate PNG files,选择需要的dpi(比如mdpi、hdpi等),生成对应尺寸的PNG - 把
layer-list里的@drawable/ic_smartphone_black_24dp替换成生成的PNG资源,这样在API19上就不会出现拉伸问题了
方案二:改用嵌套布局替代layer-list(更灵活的控制)
与其在layer-list里硬塞矢量图,不如把覆盖层改成FrameLayout,分层控制背景和图标,这样对尺寸的控制更直接:
<FrameLayout android:id="@+id/overlay" android:layout_width="match_parent" android:layout_height="match_parent" android:alpha="1.0"> <!-- 全屏背景层 --> <View android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/overlay_background"/> <!-- 手机图标层,直接控制尺寸和居中 --> <android.support.v7.widget.AppCompatImageView android:layout_width="30dp" android:layout_height="30dp" android:layout_gravity="center" android:src="@drawable/ic_smartphone_black_24dp" android:scaleType="centerInside"/> </FrameLayout>
这个方案里,图标单独放在一个AppCompatImageView里,你可以直接设置它的宽高、缩放类型,在API19上的表现会稳定很多,而且你之前加的矢量支持配置(gradle里的vectorDrawables.useSupportLibrary = true和Activity里的静态代码块)也能正常生效。
方案三:用bitmap标签包裹矢量图(修改layer-list的兼容写法)
如果你坚持要用layer-list,可以把矢量图放到<bitmap>标签里,让低版本系统把它当成bitmap来处理,这样尺寸控制会更有效:
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 全屏背景 --> <item android:drawable="@drawable/overlay_background"/> <!-- 用bitmap包裹矢量图,控制尺寸和居中 --> <item> <bitmap android:src="@drawable/ic_smartphone_black_24dp" android:gravity="center" android:width="30dp" android:height="30dp"/> </item> </layer-list>
注意不要给外层的item设置left/top/right/bottom这些属性,完全靠bitmap的gravity来居中,这样在API19上就能避免图标被拉伸了。
你可以先试试方案二或者方案三,这两个改动不大,而且兼容效果比较好。记得在API19的真机或模拟器上测试哦!
内容的提问来源于stack exchange,提问作者sygi

