uniapp作为一个跨平台开发框架,非常实用方便,可以帮助开发者快速创建多平台应用。对于经常要进行应用开发的开发者来说,掌握uniapp框架是非常有必要的。在开发过程中,我们经常需要对应用进行一些基础设置,如改变应用图标和名称。本文将为大家介绍如何在uniapp中修改应用的图标和名称。
一、 修改应用图标
UniApp中的应用图标是指在移动设备主屏幕上展示的图标,它是非常重要的一部分。应用的图标不仅可以体现应用的特色,还能提升用户体验。下面我们来介绍如何在UniApp中修改应用图标。
1. 创建资源目录
首先,我们需要在根目录下创建一个uni-icons目录,用于存放应用图标。在uni-icons目录中,我们需要创建4个不同大小的图标。
注:图标大小应该按照以下比例设置,确保在不同设备上可以正常显示:
- Android:192 x 192, 144 x 144, 96 x 96, 72 x 72, 48 x 48, 36 x 36
- iOS:1024 x 1024, 180 x 180, 152 x 152, 120 x 120, 87 x 87, 80 x 80, 76 x 76, 58 x 58, 40 x 40, 29 x 29
2. 设置图标路径
在uni-icons目录中,创建一个manifest.json文件用于描述应用图标的配置信息。在该文件中,我们需要配置图标的路径、类型、大小等信息。示例代码如下:
{
"appIcons": [
{
"path": "uni-icons/android/android-launchericon-192-192.png",
"width": "192",
"height": "192",
"backgroundColor": "#FFFFFF"
},
{
"path": "uni-icons/android/android-launchericon-144-144.png",
"width": "144",
"height": "144",
"backgroundColor": "#FFFFFF"
},
{
"path": "uni-icons/android/android-launchericon-96-96.png",
"width": "96",
"height": "96",
"backgroundColor": "#FFFFFF"
},
{
"path": "uni-icons/android/android-launchericon-72-72.png",
"width": "72",
"height": "72",
"backgroundColor": "#FFFFFF"
},
{
"path": "uni-icons/android/android-launchericon-48-48.png",
"width": "48",
"height": "48",
"backgroundColor": "#FFFFFF"
},
{
"path": "uni-icons/android/android-launchericon-36-36.png",
"width": "36",
"height": "36",
"backgroundColor": "#FFFFFF"
}
]
}3. 引入图标配置文件
在UniApp的manifest.json文件中,我们需要引入之前创建的manifest.json文件。在manifest.json文件中,我们可以看到如下代码:
{
"plus": {
"usingComponents": true
},
"app-plus": {
"usingComponents": true,
"iconPath": "",
"iconType": ""
}
}我们需要在iconPath字段中设置图标文件的路径,如下所示:
2013年07月06日 V1.60 升级包更新方式:admin文件夹改成你后台目录名,然后补丁包里的所有文件覆盖进去。1.[新增]后台引导页加入非IE浏览器提示,后台部分功能在非IE浏览器下可能没法使用2.[改进]淘客商品管理 首页 列表页 内容页 的下拉项加入颜色来区别不同项3.[改进]后台新增/修改淘客商品,增加淘宝字样的图标和天猫字样图标改成天猫logo图标4.[改进]为统一名称,“分类”改
"iconPath": "./uni-icons/manifest.json",
4. 编译发布应用
完成以上步骤后,需要重新编译并发布应用。在重新编译应用后,我们可以看到应用的图标已经被修改了。在不同设备上,我们可以看到应用图标被正确地显示出来了。
二、 修改应用名称
应用的名称是指在移动设备主屏幕上显示的应用名字。修改应用名称的目的一般是为了更好地展示应用名字,使用户更容易识别应用。下面我们来介绍如何在UniApp中修改应用名称。
1. 设置应用名称
在UniApp中,我们可以在manifest.json文件中找到应用名称的设置项。在该文件中,我们需要修改name属性来修改应用名称。示例代码如下:
{
"name": "My App",
"version": "1.0.0",
"description": "A simple app",
...
}2. 编译发布应用
修改应用名称后,需要重新编译并发布应用。在重新编译应用后,我们可以看到应用名称已经被修改了。在不同设备上,我们可以看到应用名称也被正确地显示出来了。
结论
以上就是在UniApp中修改应用图标和名称的简单方法。掌握这两项技能可以让我们更好地定制应用,提升用户使用体验。希望这篇文章能够帮助到各位开发者。









