最近在用weex生成原生Android应用,在更换APP图标,名称,欢迎页和欢迎语这里折腾里挺久,这里做个总结,以便下次查询。
android studio 版本: 3.3.3
真机型号:小米8/华为P10
android版本:9.0/8.0
步骤:
依赖android studio重构android项目
更换APP logo图片
更换APP名称
更换APP 欢迎页和欢迎语
【依赖android studio重构android项目】
首先先用weex官网的方法在自己的项目里添加下android工程
weex platform add android
然后在android studio里打开/platform/android这个工程
在右上角如果发现运行按钮是灰色的则点击下图所示部分,这个按钮会按照新的gradle重构android项目工程。
image.png
这是之前的项目目录结构:
image.png
重构之后:
image.png
同时发现右下角的错误提示。
【解决方案】
打开下图中的build.gradle
image.png
找到下面代码中的位置,并注释掉,并添加下面提到的代码
// applicationVariants.all { variant ->
// variant.outputs.each { output ->
// def outputFile = output.outputFile
// if (outputFile != null && outputFile.name.equals('app-debug.apk')) {
// def fileName = outputFile.name.replace("app-debug.apk", "weex-app.apk")
// output.outputFile = new File(outputFile.parent, fileName)
// }
// }
// }
//添加这段代码
android.applicationVariants.all { variant ->
variant.outputs.all {
outputFileName = "weex-app.apk"
}
}
然后在右上角点击Try Again(忽略控制台输出的红色warning)
等提示完成后,在点击右上角的运行,发下如下报错
image.png
【解决方案】
同样打开刚才的那个build.gradle,找到下面所说的位置,加入注释下面的代码
defaultConfig {
applicationId "com.weex.app"
minSdkVersion project.appMinSdkVersion
targetSdkVersion project.targetSdkVersion
versionCode 1
versionName "1.0.0"
ndk {
abiFilters "x86"
abiFilters "armeabi"
}
//加入这段代码解决报错
javaCompileOptions { annotationProcessorOptions { includeCompileClasspath = true } }
}
至此,该android工程可以在手机上正常安装了(不然会没有下面的Image Asser选项的!)。
【更换APP logo图片】
右键app找到下面图中所示的Image Asset选项
image.png
image.png
这里点击前景层(Foreground Layer)
在Path中选中你需要的logo图标,通过鼠标调整Resize至合适的尺寸后点击next,再点击Finish(当然你也可以直接更换mipmap下各个文件夹下图片)。
再次在右上角点击运行。
去手机中查看图标的情况,可以发现图标已经变成了你制作的图标了。注意了,如果你是小米手机,这里还有个巨坑,就是小米手机的主题应该存在缓存机制,你需要应用下其他主题再应用回来才能正常显示修改完成的图标,不然还是之前的图标!
【更换APP名称】
这个比较简单,看图:
image.png
【更换欢迎页图片和欢迎语】
看图:
image.png
image.png
看效果:
QQ图片20190414200842.gif
中间看到的那个提示是chrome从android9.0开始的限制,可以看我的另一篇文章解决。
参考文献