android主题app图标,weex更换Android APP图标,名称，欢迎页和欢迎语

最近在用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开始的限制，可以看我的另一篇文章解决。

参考文献