uniapp插件开发

uniapp插件开发_第1张图片

uniapp插件开发_第2张图片

uniapp插件开发_第3张图片

uniapp插件开发_第4张图片

uniapp插件开发_第5张图片

uniapp插件开发_第6张图片

uniapp插件开发_第7张图片

安装android studio:安装目录下bin下的此文件,是用来修改分配给android studio的占用内存。

uniapp插件开发_第8张图片

Android 11足够用。

创建新项目:

uniapp插件开发_第9张图片

目录结构介绍:

uniapp插件开发_第10张图片

UI组件介绍:在设计程序界面时可以使用可视化拖拽的方式,没有必要非用代码方式!!!!难以记忆不方便快捷。

uniapp插件开发_第11张图片

布局:

----------------------------------------------------------------------

插件开发:

首先下载uniapp SDK。我这里是李总发给我的,里面已经构建好了一个项目。

打开示例项目。

uniapp插件开发_第12张图片

uniapp插件开发_第13张图片

uniapp插件开发_第14张图片

插件编译:右边gradle,选择某个模块的tasks-other-assembleRelease,从而将模块打包成插件。

插件会在此模块的builde-outputs-aar文件夹下生成。

将插件复制到hbuilder项目的三层文件夹(自己创建的)。package(官方文档的内容,需要添加内容注册插件。   还要注意这个json文件中不要有注释出现。

注意文件结构与名字一定要写对(yd-SSS自己写的,这个不要紧)

Manifest.json进行android原生插件的配置。

注意android studio中项目模块的builde.gradle的minsdk要与下图中hbuilderh版本一致。

uniapp插件开发_第15张图片

发行-原生app云打包

测试了一下:

本地打包,自定义基座是可以运行的但是使用标准基座运行不包含原生插件。,

------------------------------------------

自己再创建一个插件模块:

  1. file-new moudle-android library

java选8  api选21

  1. 在java文件夹下创建处理类,继承UniMoudle类
  2. 注册

上面三个文件需要用test项目中的别人弄好的完整的配置信息一一覆盖一下。(配置插件的依赖环境

dcloud_uniplugins.json中要写入代码。

uniapp插件开发_第16张图片

知识点:

Android studio调试:断点调试:

Hbuilder中离线打包(注意:项目中一定要是nvue!!!!),将index.nvue文件复制到android studio中的相应位置。(这是最方便的,不用打包插件,把插件放到hbuilder中还得配置一下,麻烦死。)

几种的调试方法总结与比较:

不用插件打包放在hbuilder运行来看日志。也不用把页面nvue文件放到android studio中进行断点调试。

现在你只需要将前端代码写好,android studio中的插件也写好,启动,就可以用了。

可是没成功,弄不成,只能用笨方法了。

uniapp插件开发_第17张图片

uniapp插件开发_第18张图片

uniapp插件开发_第19张图片

uniapp插件开发_第20张图片

uniapp插件开发_第21张图片

创建个文件保存一下。

uniapp插件开发_第22张图片

uniapp插件开发_第23张图片

uniapp插件开发_第24张图片

上面图片的值都是从文件中复制进去的。

uniapp插件开发_第25张图片

uniapp插件开发_第26张图片

将key复制保存在一个文件中。

uniapp插件开发_第27张图片

uniapp插件开发_第28张图片

上图是把key值放在android.manifest.xml的那个位置。

uniapp插件开发_第29张图片

uniapp插件开发_第30张图片

uniapp插件开发_第31张图片

上图是下载的证书,改了名字,放在android studio中的src目录下。

uniapp插件开发_第32张图片

uniapp插件开发_第33张图片

uniapp插件开发_第34张图片

uniapp插件开发_第35张图片

uniapp插件开发_第36张图片

uniapp插件开发_第37张图片

保持一致。

uniapp插件开发_第38张图片

uniapp插件开发_第39张图片

uniapp插件开发_第40张图片

uniapp插件开发_第41张图片

上图代表随意一个文件,右键-file path。

uniapp插件开发_第42张图片

uniapp插件开发_第43张图片

将上图的离线资源包删了。把hbuilder编译好的包复制过来。

uniapp插件开发_第44张图片

uniapp插件开发_第45张图片

uniapp插件开发_第46张图片

uniapp插件开发_第47张图片

uniapp插件开发_第48张图片

uniapp插件开发_第49张图片

上图是把自定义基座复制后重命名,然后复制到hbuilder项目的固定目录下。

完毕。

这个是可以在android studio的app模块,去打包成正式包的apk

1.用hbuilder运行程序。

   

                                                            

nvue

uniapp插件开发_第50张图片

                                                                                                                uniapp项目目录

Package.json

uniapp插件开发_第51张图片

   

2.用android studio运行程序:

1.app的builde.gradle下添加代码。对应test插件。

 2.d_cloud_uniplugins.json

uniapp插件开发_第52张图片

Name非常重要,要靠它来连接vue与插件的类。

uniapp插件开发_第53张图片

uniapp插件开发_第54张图片

离线打包,一端双用:?????

uniapp插件开发_第55张图片

uniapp插件开发_第56张图片

uniapp插件开发_第57张图片

uniapp插件开发_第58张图片

Lambda表达式。

// 定义一个函数式接口

interface Calculator {

    int calculate(int x, int y);

}

public class LambdaExample {

    public static void main(String[] args) {

        // 使用 Lambda 表达式实现加法操作

        Calculator addition = (x, y) -> x + y;

        int result = addition.calculate(5, 3);

        System.out.println("加法结果:" + result);

        // 使用 Lambda 表达式实现乘法操作

        Calculator multiplication = (x, y) -> x * y;

        result = multiplication.calculate(5, 3);

        System.out.println("乘法结果:" + result);

    }

}

你可能感兴趣的:(从头学编程(前端后端),uni-app,android,前端框架)