android studio 图标的使用及处理

装上App,第一眼就是显示的图标,那好不好,显示的行不行,还是有些影响。

1️⃣ 导入你的图标图片
  1. 在 Foreground Layer 标签页下:
    • Asset type 选择 Image(不是当前的 XML)
    • 点击 Path 输入框右侧的文件夹图标 📂
    • 选择你准备好的图标图片(PNG 格式,透明背景最佳)

2️⃣ 关键:调整两侧留白
  1. 找到 Scaling 区域:
    • 先把 Trim 切换为 Yes(自动裁掉图片多余的透明边)
    • 下方会出现 Scale 滑块,默认是 100%
    • 向左拖动滑块(比如调到 70%~80%),图案会整体缩小,两侧自动增加留白
  2. 实时预览:
    • 看右侧预览窗口,确保核心图案在 安全区(灰色圆圈) 内,不贴近边缘
    • 直到你觉得两侧留白足够为止

3️⃣ 设置背景层(可选,推荐)
  1. 切换到 Background Layer 标签页:
    • Asset type 选择 Color
    • 输入你图标的紫色(比如 #6A0DAD),和你的图标风格保持一致
    • 预览窗口会立刻显示带背景的效果

4️⃣ 生成并覆盖图标
  1. 确认 Name 是 ic_launcher(和你项目里的图标名一致)
  2. 点击右下角 Finish
  3. 弹出提示「同名图标将被覆盖」,点击 Yes 确认
  4. 等待生成完成,所有分辨率的图标会自动更新到 res/mipmap-*dpi 文件夹

💡 效果验证

生成完成后:

  • 运行 App,桌面图标会立刻更新
  • 两侧留白充足,核心图案不会被系统裁剪
  • 自适应图标在不同设备上显示一致

⚠️ 避坑提醒

  • 一定要先把 Trim 设为 Yes,否则图片自带的白边会占用空间
  • Scale 不要调得太小,否则图案会太迷你,看不清
  • 如果预览里安全区显示不全,勾选右上角 Show safe zone 就能看到灰色圆圈参考线
相关推荐
Joy T13 分钟前
voice-dump-to-todo:把混乱的语音整理成可执行待办,一个实用的 Agent Skill
ide·macos·语音识别·xcode·任务管理·自研skill
警醒与鞭策3 小时前
Codex桌面版与Claude桌面版使用设置
android·unity·ai·性能优化
人工智能导论实践课4 小时前
【GUI桌面开发3】PyCharm配置外部工具
ide·python·pycharm
传奇开心果6 小时前
【Compose Multiplatform跨端声明式UI实用技术】第19课:多平台部署与发布
android·kotlin
红尘伴蝶舞6 小时前
加密拦截器让抓包失效,我只能从 4KB 的 logcat 碎片里拼回 JSON
android·kotlin·ai编程
booboosui6 小时前
219 个还是 0 个:读不到微信界面时,我只加不删
android
Android打工仔6 小时前
Compose 中何时该用 padding,何时该用 offset
android·android jetpack
二流小码农6 小时前
HarmonyOS开发助手,0代码让元服务从开发到上架
android·ios·harmonyos
limit00756 小时前
三维 WebGIS 工具选型:加载、样式、分析、交付,一套界面能做完什么
android·前端·web3·安卓·webgl
JPower_mr.g7 小时前
SmartCall v1.0.9 发布:智能体知识库上线,让 AI 客服先查资料再回答
java·ide·人工智能·macos·架构·开源·xcode