65.9K
CodeProject 正在变化。 阅读更多。
Home

Hola Studio - 面向 JS 初学者的代码生成器

emptyStarIconemptyStarIconemptyStarIconemptyStarIconemptyStarIcon

0/5 (0投票)

2016年7月6日

CPOL
viewsIcon

7870

代码生成器

引言

开发者可以使用 Hola Studio 代码生成器,自动创建简单、常用的操作代码。步骤:选择一个组件,并在该组件的事件栏中选择需要监听的事件,以加载代码编辑器界面。使用代码生成器,选择相应操作,它将自动生成事件处理代码并保存。

背景

为了帮助初学者更容易地使用 Hola Studio 并学习 Javascript,Hola Studio 提供了代码生成器。只需选择您想要的事件,它就会向您显示代码!

代码生成器的常见用途

代码生成器使用示例

1) 使用 win-main 窗口按钮组件的 OnClick 事件关闭当前窗口并加载新的窗口场景。

var me = this;

var win = this.win;

var initData = { };

this.openWindow("scene",

    function(retData){ console.log("window closed.");}, true, initData)

2) 点击按钮播放音效。

var me = this;
var win = this.win;
// Sound Effect to Play
this.playSoundEffect("hit.mp3", function onDone() {console.log("play finished");});

3) 在窗口打开时启动广告组件。

    var me = this;
    var win = this.win;
    // Target to Launch
    win.find("hola_ads").setEnable(true);

4) 点击标签显示文本“Hello world!”。

    var me = this;
    var win = this.win;
    // Text to Display
    this.setText("Hello world!");

5) 点击图像播放预设动画。

    var me = this;
    var win = this.win;
    // Animation
    this.animate("flip");

6) 点击按钮重置场景。

    var me = this;
    var win = this.win;
    win.replay()
© . All rights reserved.