插件的创建
插件开发教程视频: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插件名称