更新记录
2.0.2(2024-12-03)
修改文档
2.0.1(2024-12-03)
修复uniapp修改图标时 出现双图标
2.0.0(2024-11-29)
新增支持 uniapp
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.99,Android:4.4,iOS:不支持,HarmonyNext:不确定 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
× | × | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
wb-modifyIcon
开发文档
UTS 语法 UTS API插件 UTS 组件插件 Hello UTS
配置文件
1.配置nativeResources res下新建mipmap文件夹,将icon.png放入该文件夹中 (原生Android中图标的目录) res下新建values文件夹,在新建string.xml; string.xml配置
<resources>
<string name="a1_name">修改后的名称</string>
</resources>
2.根目录下新建AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?>
<!-- package建议用云打包时的AnDroid名称 -->
<manifest xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" package="uni.test.app">
<!--必须加入此权限-->
<uses-permission android:name="android.permission.KILL_BACKGROUND_PROCESSES" />
<application>
<!-- android:name="xxxx" 自定义名称 -->
<!-- android:icon="@mipmap/xxx" 文件nativeResources>res>mipmap下的自定义图片 注意不写后缀名称 -->
<!-- android:label="@string/xxx" 文件nativeResources>res>values>string 下的自定义名称 -->
<activity-alias android:name="main" android:exported="true" android:targetActivity="io.dcloud.uniapp" android:enabled="false"
android:icon="@mipmap/a1"
android:label="@string/a1_name">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity-alias>
</application>
</manifest>
以上配置成功需要打包未自定义基座,否则配置无效。
使用方式
import { ModifyIconName } from '@/uni_modules/wb-modifyIcon'
methods: {
//切换图标uniappx
changeIcon() {
let app = new ModifyIconName()
let aa= app.setIconNamex("main")
console.log(aa);
},
//恢复图标名称uniappx
changeIcon2() {
let app = new ModifyIconName()
let aa= app.recoverIconNamex("main")
console.log(aa);
}
//切换图标uniapp
changeIcon() {
let app = new ModifyIconName()
let aa= app.setIconName("main")
console.log(aa);
},
//恢复图标名称uniapp
changeIcon2() {
let app = new ModifyIconName()
let aa= app.recoverIconName("main")
console.log(aa);
}
}