🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# E4A代码结构 ### 如果看完本教程不理解,可以看E4A开发教程资料夹里的第一课,另外,看到这里如果对E4A有兴趣打算继续看请下载E4A自己动手亲自尝试帮助理解。 # •代码构造 E4A中有三种代码类型。分别是**属性、事件、方法。** # •属性 属性代码是E4A中类库(组件)的属性,例如:标签组件有背景颜色、标题、字体大小等属性。 在E4A中,属性的代码一般表述方法如下: ~~~ 选择器.属性名=属性值 ~~~ 选择器:即组件名称,例如标签1,这个名字是E4A中创建的第一个标签的默认名称 属性名:即组件的属性名称,例如标签1有属性“标题“,“标题“就是标签1显示的内容 属性值:即组件属性的值。例如标签1的标题他的属性是文本型的,例如“这是一个标签“ 上面的例子可以写成如下代码: ~~~ 标签1.标题="这是一个标签" ~~~ 实际代码如下图: ![QQ截图20171117192032](https://atts.w3cschool.cn/attachments/image/20171117/1510917645813279.png) 而实际上这样的单独一句代码不会执行,因为代码不会自动执行,它需要一个执行的条件。接着往下看 # •事件 事件即属性的执行条件,他的结构是 ~~~ 事件 选择器.事件名() 结束 事件 ~~~ 选择器:组件的名称 事件名:组件对应的事件名称 看下面这个例子: ~~~ 事件 主窗口.创建完毕() 结束 事件 ~~~ 这个例子中的意思是主窗口(在E4A中一个程序页面就是一个窗口,第一个被创建的窗口默认名称是主窗口,程序打开会直接进入主窗口)在程序里被创建完成时触发的一个事件。值得注意的是,E4A中大多的组件在程序加载的时候就会自动创建。因此,该事件在程序启动的时候就会被触发。看下实际的输入效果: ![QQ截图20171117193059](https://atts.w3cschool.cn/attachments/image/20171117/1510918274167582.png) 写在事件和结束事件之间的代码会运行。例如上面的属性赋值代码,如果我们想让它在程序启动的时候就执行,我们可以这样写: ~~~ 事件 主窗口.创建完毕() 标签1.标题="这是一个标签" 结束 事件 ~~~ 如图所示效果: ![QQ截图20171117193243](https://atts.w3cschool.cn/attachments/image/20171117/1510918376275111.png) # •方法 方法就是命令组件本身做某件事。同样的,方法代码也不会在程序中自动运行,需要依附于事件。 它的一般格式为: ~~~ 选择器.方法名() ~~~ 选择器:组件的名称 事件名:组件对应的方法名称 看以下例子: ~~~ 事件 主窗口.创建完毕() 标签1.标题="这是一个标签" 时钟1.时钟周期=10000 结束 事件 事件 时钟1.周期事件() 时钟1.时钟周期=0 标签1.销毁() 结束 事件 ~~~ 这个例子中有以下过程: 1.程序启动,标签1加载,内容被代码改为 这是一个标签,时钟1的时间被设置为10000毫秒 2.时钟被设置10000毫秒后开始计时,即10秒后到达10000毫秒,触发周期事件,周期事件中,时钟1的时钟周期被设置成0,这样的目的是为了防止时钟在第一次到达10000毫秒后继续计时第二次到达10000毫秒还会执行周期事件,因为时钟计时到达预设后还会开始第二次计时,所以要加它周期事件。设置成0毫秒它就不会开始第二轮计时。 当第一次到10000毫秒时,会执行标签销毁的方法代码,此时在屏幕上显示的标签1会消失不见。 看了这么多,有可能有人想问标签是什么,如下图: ![QQ截图20171117194919](https://atts.w3cschool.cn/attachments/image/20171117/1510919369506468.png) **提示:如果本篇教程看不懂,一定要看E4A基础教程夹下的第一个E4A程序!**