美文网首页
weex更换Android APP图标,名称,欢迎页和欢迎语

weex更换Android APP图标,名称,欢迎页和欢迎语

作者: 李牧敲代码 | 来源:发表于2019-04-14 20:31 被阅读0次

最近在用weex生成原生Android应用,在更换APP图标,名称,欢迎页和欢迎语这里折腾里挺久,这里做个总结,以便下次查询。
android studio 版本: 3.3.3
真机型号:小米8/华为P10
android版本:9.0/8.0

步骤:

  1. 依赖android studio重构android项目
  2. 更换APP logo图片
  3. 更换APP名称
  4. 更换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开始的限制,可以看我的另一篇文章解决。

参考文献

https://blog.csdn.net/keep_holding_on/article/details/76188657
https://www.cnblogs.com/lifan1998/p/9221151.html
https://blog.csdn.net/hou09tian/article/details/80388974
http://www.voidcn.com/article/p-tloxmigq-qs.html
https://blog.csdn.net/Pillar1066527881/article/details/85995056

相关文章

网友评论

      本文标题:weex更换Android APP图标,名称,欢迎页和欢迎语

      本文链接:https://www.haomeiwen.com/subject/cdwjwqtx.html