美文网首页
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