如何将Adobe XD设计的按钮（PNG/SVG格式）应用到Android Studio中？

刚好做过类似的需求，给你梳理一套能保证背景不失真的完整流程：

第一步：从Adobe XD导出正确格式的资源 #

优先选矢量格式来避免失真，实在要用位图也得按规范导出：

• 首选SVG格式（完全无失真）：选中XD里的按钮元素，导出时选择「SVG」格式，在导出设置里把「背景」设为透明，这样导出的SVG没有白底，适配任何尺寸都不会模糊变形。
• 若用PNG需按密度导出：如果必须用PNG，一定要针对Android的密度等级（mdpi/hdpi/xhdpi/xxhdpi/xxxhdpi）分别导出对应倍数的图——比如xxxhdpi就设4x导出，hdpi设1.5x，确保每个密度下的按钮都有足够分辨率，避免拉伸模糊。

第二步：Android端的两种适配实现 #

方式一：用SVG作为按钮背景（最推荐） #

矢量图天生适配所有屏幕，完全不会失真：

1. 把导出的SVG放到项目的res/drawable目录下（注意文件名必须小写，不能有特殊字符）。
2. 在布局文件里给Button设置背景：

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="自定义按钮"
    android:background="@drawable/your_button_svg"
    android:textColor="#FFFFFF" />

3. 直接通过layout_width/layout_height调整按钮大小即可，SVG会自动适配，不会出现变形或失真。

方式二：用多密度PNG适配 #

如果用PNG，必须按密度分类存放才能保证清晰：

1. 把对应密度的PNG分别放到res/drawable-mdpi、res/drawable-hdpi、res/drawable-xhdpi、res/drawable-xxhdpi、res/drawable-xxxhdpi目录，所有文件的文件名要一致。
2. 布局里设置背景的代码和SVG方式一致：

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="自定义按钮"
    android:background="@drawable/your_button_png" />

系统会根据当前设备的密度自动加载对应分辨率的PNG，保证显示清晰无失真。

额外注意点 #

• 导出前务必确认XD里的按钮没有多余的背景层，保证导出的是透明背景资源，避免在Android里出现多余色块。
• 如果SVG导入Android后有显示异常，可以用Android Studio自带的「Vector Asset Studio」优化一下，或者手动删除SVG里不必要的滤镜、复杂路径属性。

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