如何在Jetpack Compose中制作圆角填充/轮廓图标(不导入SVG)?
在Android Studio中创建圆角填充/轮廓图标(无需导入SVG)
方法1:从Vector Asset Studio直接生成带圆角的轮廓图标
- 右键项目中的
res目录 → 选择New→Vector Asset - 在弹出窗口里选
Material Icons,挑好基础图标后点击Next - 进入确认界面后,点
Edit打开矢量图编辑器 - 在编辑器右侧属性面板选中图标路径,找到
Corner Radius设置想要的圆角半径 - 切换为轮廓样式:选中路径后把
Fill Color设为透明,给Stroke Color设置目标颜色,同时调整Stroke Width到合适数值(比如2dp) - 保存修改,完成图标创建
方法2:将已有的圆角填充图标转为轮廓样式
如果已经添加了圆角填充图标,直接修改XML文件即可:
- 找到
res/drawable目录下对应的矢量图XML文件 - 找到
<path>标签,把android:fillColor的值改为@android:color/transparent - 添加或修改
android:strokeColor为你需要的颜色(例如@color/your_target_color) - 添加
android:strokeWidth属性,设置轮廓宽度(比如2dp) - 若要调整圆角,可再次通过Vector Asset Studio的编辑器打开该文件,重新修改
Corner Radius参数
内容的提问来源于stack exchange,提问作者It'sJustElite
相关产品推荐
相关产品推荐

