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 就能看到灰色圆圈参考线
相关推荐
Dovis(誓平步青云)3 小时前
家里设备越来越多,如何用一张空间地图控制灯光和温度![
android·java·前端·javascript·人工智能·电脑
晚风叙码5 小时前
MySQL 数据类型详解:从数值到字符串,一篇讲透
android·mysql·adb
传奇开心果编程6 小时前
【Compose Multiplatform 跨端开发学与练】第3课 布局与组件
android·windows·学习·ui·ios·kotlin·composer
传奇开心果编程8 小时前
【Compose Multiplatform 跨端开发学与练】第8课 资源管理与主题
android·windows·学习·ios·kotlin·web·composer
传奇开心果编程10 小时前
【Compose Multiplatform 跨端开发学与练】第9课 测试与调试
android·学习·macos·ios·kotlin·web·composer
传奇开心果编程10 小时前
【Compose Multiplatform 跨端开发学与练】第4课 导航与路由
android·windows·学习·ui·ios·kotlin·composer
传奇开心果编程10 小时前
【Compose Multiplatform 跨端开发学与练】第6课 状态管理与架构
android·学习·ui·ios·架构·kotlin·composer
事圆则缓10 小时前
Android AOSP 定制常见概念:源码目录、系统镜像与刷机流程
android
传奇开心果编程10 小时前
【Compose Multiplatform 跨端开发学与练】第2课 Compose 基础语法
android·windows·学习·ui·ios·kotlin·composer
supabc12311 小时前
Celium:连接 Windows、Mac、Linux 与 Android,让远程访问和设备管理更简单
android·linux·windows·macos·远程访问·网络管理·celium