感谢大家的关注，”我的第一个上线小程序“三篇博文已经更新结束（ps: 喜欢的可以跳转）。
我前面的文章是写我的小程序是如何实现的，本来应该更新小程序版本同时发布，更新的内容主要是底部tabar，切换基础篇和实战篇内容。先把实战篇的在博客园连续发下去，希望大家和我一起探讨成长。
我这个系列主要是分享基于layabox开发微信小游戏系列，开篇我先用一个经典案例——helloworld 教程，带大家熟悉下laya。
开发工具大家可以自己度娘，直接下载2.0版本。
本片为了凑字数（ps:上一篇就以为文字内容过少，被博客园下架了，请审核的手下留情！！！）。
正式开始
窗体程序大家应该都接触过，layaair ide也实现了拖拽式编程。
第一步：新建一个空的layaair 空项目
输入项目名称，大家随意呀，选择一个路径，编程语言选择javascript即可，点击创建即可。
ps:整个项目结构大家可以边学习边熟悉，不着重讲解，相信大家经过两三个小练习就可以熟悉了。
第二步：我们把窗口切换到ide的编辑模式，在scenes文件夹右键-》新建-》页面/场景，输入场景名helloworld（也可以自行修改），点击创建就行
经过这一步，我们的游戏场景就创建出来了。
下面我们在场景中添加一个按钮，窗口依然是编辑模式，在basics目录下找到ui目录，在ui目录里面找到button并拖拽到场景中，修改它的通用属性var为btnshow，常用属性label为helloworld
经过这两步我们的游戏场景就大功告成了。
第三步：我们把窗口切换到ide的代码模式，在src目录下面新建一个scripts的文件夹，在scripts文件夹右键-》新建模板文件-》新建脚本文件，点击确定生成脚本文件
我们在helloworld.js文件中复制下面的javascript代码，并保存。
代码的主要功能是点击helloworld按钮弹出一个对话框，对话框里面展示 hello world!
我要评论export default class helloworld extends laya.scene {
constructor() {
super();
helloworld.instance = this;
}
onbtnshowclick(){
var dialog = new laya.dialog();
dialog.width=300;
dialog.height=600;
//var bg = new laya.image('comp/img_bg.png');
//dialog.addchild(bg);
var button = new laya.button('comp/button.png');
button.label='hello world!';
button.name = laya.dialog.close;
button.width=260;
button.height=500;
button.pos(35, 35);
dialog.addchild(button);
dialog.dragarea = '0,0,300,600';
dialog.show();
}
onenable() {
this.btnshow.on(laya.event.click,this,this.onbtnshowclick);
}
ondisable() {
}
}
是不是以为到了这一步就结束了，别着急，还有关键的一个步骤，就是把helloworld.js和我们的场景关联起来。
最后一步：拖拽helloworld.js到场景的runtime字段中
到了这一步，才算大功告成，我们启动f8编译，f5启动调试。
效果图
是不是很简单呀，第一篇layaair开发教程就到这里，若是喜欢，就关注我吧，我们一起交流成长。
后面的实战案例我会把手里的几个项目的模块分享出来给大家。我也会尽快更新小程序，实现教程数据同步。
欢迎大家体验我的小程序，留言交流。
如对本文有疑问， 点击进行留言回复！！
egg项目npm/cnpm出错Connect timeout
网友评论