vue-cordova修改app图标+文字以及启动图

最新推荐文章于 2024-08-09 17:38:22 发布
最新推荐文章于 2024-08-09 17:38:22 发布
阅读量1.1k 收藏 2
点赞数 1
分类专栏： android 文章标签： vue-cordova android app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41619796/article/details/106768958
版权

前言：

       在使用  vue-cordova 打包成apk的时候，我们一定会根据项目改把app的图标还有显示文字，加载图片也有可能改动，这里来说一说这个。

1. 修改显示文字  

地址: D:\cordova-app\config.xml

修改name里面的文字

2. 修改图标

地址：D:\cordova-app\platforms\android\app\src\main\res

（1）打开以后可以看到这个界面：

（2）这里涉及了6种尺寸，36*36 ，48*48 ， 72*72 ， 96*96 ， 144*144

（3）挨个打开mipmap开头的文件夹，把里面的图片更换成我们的新图片

3. 修改启动图，打开替换图片

 

浩星
关注
专栏目录
Cordova+Vue实现Android APP开发（三）-- 设置图标和启动欢迎页详细教程
saucxs
06-28 2696
一、前言 内容是自己查资料和自己进坑出坑，适用于cordova打包android7.0版本以后的版本。我目前使用的是android8.0，android8.1，android9，androidQ等版本。（1）设置图标icon，准备好素材，在配置文件中加入不同尺寸的<icon density="hdpi" src="res/icon/android/drawable-hdpi/icon.pn...
cordova app图标_如何使用Cordova添加iPhone App图标
cune1359的博客
06-27 827
对于移动应用程序，图标是应用程序不可或缺的一部分，可将其与其他人群分开。 这也是潜在用户会看到的关于应用程序的第一件事-这就是为什么许多设计师对图标设计投入如此多的考虑的原因。 在本文中，在讨论了使用Cordova构建移动应用程序之后，我们将向您展示如何为您的应用程序添加图标 。 在开始之前，我们需要先准备图标。 以下是一些有用的资源： 38个美丽的IOS App图标设计为您带来灵感...
apk-icon-editor：APK编辑器可轻松更改APK图标，名称和版本
02-05
apk-icon-editor：APK编辑器可轻松更改APK图标，名称和版本
cordova修改APP图标
最新发布
一个努力不被优化的程序员
08-09 221
将根目录下的config.xml打开，添加icon标签，路径可自己配置。根目录下新建res目录随后可根据自己配置的路径进行创建。
cordova显示角标插件
06-12
cordova开发的APP，需要在图标上显示通知数量的插件。
Android开发：已经发布的APP，如何更改启动图片
宝爷的专栏
01-13 2978
[java] view plaincopy由于近由于工作需要，要实现在已经发布的APP上实现更新启动图片，发现网上没有这块的信息，虽然实现方式比较简单，但还是写下来，供参考；  1、首先，用一个接口访问网络，下载新的启动画面的图片，我用的是ImageView里面的一张画面来实现的，代码如下：[java] view plaincopyView tempView = mGridView.getChil...
vue + cordova 混合开发 app
qq_41186500的博客
02-25 644
一、环境搭建 nodeJS java jdk Android SDK 注：上述内容可自行百度 二、cordova 全局安装cordova npm install -g cordova 创建cordova项目 cordova create testcom.example.hello HelloWorld // 创建test项目 创建完项目要进入到项目 cd test 将项目添加到android平台 cordova platform add android 添加插件 命令：cord
cordova 设置app名称 图标 启动页
阿豪
06-27 120
原文链接: cordova 设置app名称 图标 启动页 ...
使用cordova将Vue项目打包成app完整详细流程
m0_46694056的博客
11-08 4033
环境搭建与配置 一、下载jdk并配置 下载地址：https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html 往下滑，找到你自己电脑合适的系统，我的是64位的，如下 下好之后注意自己的安装目录就行，正常操作即可完成安装。 *配置jdk 1.打开环境变量，点击新建 然后输入JAVA_HOME和你刚才安装的jdk的安装目录，随后点击确定。 2.双击path之后，新建两个环境变量：%JAVA_HOME%\jre\bin
Cordova+Vue实现Android APP开发（二）-- 打包运行在真机上和打包运行在本地调试，以及打包时候一些问题的处理
saucxs
06-27 3227
接上一篇文章：Cordova+Vue实现Android APP开发（一） 一、使用cordova打包运行app 打包静态资源，没有问题的，但是把自己的vue其他项目转成android app时候，发现接口请求不到数据。 1、对axios的统一加一个前缀 2、vue打包 3、打包android app cordova run android 但是还是这样...
Apk icon editor_1.8.0 中文版(APK图标编辑属性更改qt)
05-12
Apk-icon-editor_1.8.0 多语中文版(APK图标编辑属性更改qt) # 版本历史记录 ## 1.8.0 * 添加 *Android 8 Oreo* 支持. * 添加 *Java 9* 支持. * 升级 *Apktool* 到 *v2.3.1*. * 新签名系统. * 改进了 APK 处理. * 一点 GUI 改进. ## 1.7.1 * 升级 *Apktool* to *v2.2.2*. * 改进了 APK 处理.
APK添加启动图工具
02-22
Android软件包启动图添加工具，直接用本软件可以添加启动图
如何修改安卓手机的APK应用图标
weixin_33805743的博客
08-02 1855
我们继续以“食品真相大揭秘.apk”为例，讲解如何修改apk应用图标（安装后在手机中显示的应用图标）。正常情况下，“食品真相大揭秘.apk”安装到手机后的应用程序图标如下图所示。现在我们要将这个图标修改成我们自己所期待的图标，比如自己的头像等等。这里就修改成自己照片上的头像吧，这样上到手机后还可以自恋一把。具体步骤如下：1.把“食品真相大揭秘.apk”的文件扩展名改为zip，...
cordova 修改app图标
qq_40741513的博客
06-05 925
修改cordova的app图标需要修改一个配置文件和添加图片文件具体操作流程如下 找到图标配置文件 AndroidManifest.xml 所在目录如下图 修改以下内容 将红线圈内的ic_launcher修改为自己的图片名字，然后在res路径中加入图片 ...
给程序替换图标，重新签名 apk 文件。
zhanglitao422的专栏
10-11 3830
如何找 apk 程序的图标就不说了，一般解压开了，没几个文件夹，翻一翻，就可以看到。 替换 apk 内的图片，最好先把 原 apk 文件复制一份，然后解压出来，看下需要替换的文件都在什么位置。 替换资源一定要保证一致，png 就是 png，而且 裁剪 png 是比较专业的，弄不好，得到的就不是可用的 png 文件了。.9.png  就是 .9.png，这种图片是用来拉伸的，原 图片内，
安卓逆向基础实战----1.修改APK图标名称
qq_41155858的博客
12-17 4427
安卓逆向基础----1.修改APK图标名称 1.win10 2.雷电模拟器7.1.2 3.AndroidKiller 注意:Apktool 2.4.1 4.APK土豆视频 v6.29.4
Android反编译，修改apk启动页
热门推荐
宿罪的博客
08-14 1万+
前言 不得不说自从有了IDE之后，很多原本很基本的开发命令开发步骤似乎被人们慢慢淡忘了，特别是Android开发，先是eclipse+adt作为Android开发的IDE，到现在的Android Studio2.3.3的功能可谓是如此得强大，编译速度越来越快。然而很多基础的东西却被这强大的IDE悄悄地替我们完成了，比如apk的编译，打包，签名设计，而开发者需要做的仅仅是在GUI界面点击编译，打包按钮
cordova修改app图标以及启动图
银二码的代码博客
08-13 3030
修改方法：找到路径一一替换 //常规路径 app\platforms\android\app\src\main\res
vue3 + vite + js + vue-router4 + pinia + elementPlus + echarts5 搭建后台管理系统
05-01
好的，下面是搭建后台管理系统的简单步骤： 1. 创建项目 使用 Vue CLI 创建项目，选择 vue3 preset，安装完成后进入项目目录。 ``` vue create my-project cd my-project ``` 2. 安装依赖包 安装 vite、vue-router 和 element-plus。 ``` npm install vite vue-router@4 element-plus --save ``` 安装 pinia 和 echarts。 ``` npm install pinia echarts@5 --save ``` 3. 配置 vite 在根目录下创建 `vite.config.js` 文件，配置 alias 和 server。 ```js import path from 'path' import { defineConfig } from 'vite' export default defineConfig({ resolve: { alias: { '@': path.resolve(__dirname, 'src'), }, }, server: { port: 3000, open: true, }, }) ``` 4. 配置路由 在 `src` 目录下创建 `router` 文件夹，并创建 `index.js` 文件，配置路由。 ```js import { createRouter, createWebHistory } from 'vue-router' import Home from '@/views/Home.vue' const routes = [ { path: '/', name: 'Home', component: Home, }, ] const router = createRouter({ history: createWebHistory(), routes, }) export default router ``` 在 `src` 目录下的 `main.js` 中引入路由。 ```js import { createApp } from 'vue' import App from './App.vue' import router from './router' const app = createApp(App) app.use(router) app.mount('#app') ``` 5. 配置状态管理 在 `src` 目录下创建 `store` 文件夹，并创建 `index.js` 文件，配置状态管理。 ```js import { createPinia } from 'pinia' const store = createPinia() export default store ``` 在 `src` 目录下的 `main.js` 中引入状态管理。 ```js import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' const app = createApp(App) app.use(router) app.use(store) app.mount('#app') ``` 6. 配置 UI 框架 在 `src` 目录下的 `main.js` 中引入 element-plus。 ```js import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' import ElementPlus from 'element-plus' import 'element-plus/lib/theme-chalk/index.css' const app = createApp(App) app.use(router) app.use(store) app.use(ElementPlus) app.mount('#app') ``` 7. 配置 echarts 在 `src` 目录下的 `main.js` 中引入 echarts。 ```js import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' import ElementPlus from 'element-plus' import 'element-plus/lib/theme-chalk/index.css' import * as echarts from 'echarts' const app = createApp(App) app.use(router) app.use(store) app.use(ElementPlus) app.config.globalProperties.$echarts = echarts app.mount('#app') ``` 8. 创建页面 在 `src` 目录下创建 `views` 文件夹，并创建页面组件。 9. 创建布局 在 `src` 目录下创建 `layouts` 文件夹，并创建布局组件。 10. 配置路由和布局 在 `router/index.js` 中配置路由和布局。 ```js import { createRouter, createWebHistory } from 'vue-router' import Layout from '@/layouts/Layout.vue' import Home from '@/views/Home.vue' const routes = [ { path: '/', component: Layout, children: [ { path: '', name: 'Home', component: Home, }, ], }, ] const router = createRouter({ history: createWebHistory(), routes, }) export default router ``` 11. 运行项目 在项目根目录下运行 `npm run dev`，打开浏览器访问 `http://localhost:3000` 查看效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

浩星

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值