Weexplus--Android插件包开发

插件的创建

插件开发教程视频:https://v.youku.com/v_show/id_XNDIzOTE2NTU4NA==.html?spm=a2h0j.11185381.listitem_page1.5!3~A

1.创建新的插件

weexplus plugin create XXX(插件名称)

执行完命令后,在plugins文件夹下会生成相应的插件名称文件,该文件包括Android和IOS平台的原生初始化代码

2.创建Android平台插件包

weexplus open android

执行完命令后,自动打开本地已经安装配置好的Android Studio开发工具 

3.插件包--目录结构

component和view文件夹主要用来创建界面组件;module主要是封装调用原生系统的方法

4.插件包--路径

5.插件包--调用

6.Android插件包--方法

使用插件包:

<div ref="btn" text="截屏" @click="shot"></div>
shot(){
    let shot=weex.requireModule('shot')               
    shot.shot(this.$refs.btn,(p)=>{
    this.src=p.path
    })
}

7.Android插件包--界面组件

在view文件夹下界面实现功能编写。

使用插件包:

<div>     
     <qr ref="qr" style="position: absolute;top: 0;left: 0;right: 0;bottom: 0">
     </qr>
</div>
  this.$refs.qr.scan((res)=>{
             this.text=res.res
              this.toast(this.text)

       })

插件添加

weexplus plugin add xxxx 

  xxx为GitHub下载插件包地址

插件删除

weexplus plugin remove xxxx

  xxx插件名称

发布了20 篇原创文章 · 获赞 1 · 访问量 2808

猜你喜欢

转载自blog.csdn.net/baidu_27603429/article/details/103819432