炫彩界面库论坛

 找回密码
 加入我们

QQ登录

只需一步,快速开始

查看: 3987|回复: 0

[开源教程] JS 设计器-新建项目-生成事件代码

[复制链接]
  • TA的每日心情
    开心
    2022-1-9 18:18
  • 发表于 2018-11-21 12:54:53 | 显示全部楼层 |阅读模式
    1. 新建项目
    QQ图片20181121122900.png

    2. 打开默认的布局窗口, 创建生成JS代码
    QQ图片20181121123108.png

    3. 自定义JS类名称
    QQ截图20181121123312.png



    4. 打开生成的JS文件
    QQ截图20181121123433.png

    var xc = import('XCGUI');  //把此行代码注释去掉, 导入炫彩界面库模块

    //{bindfile="layout.xml"}  //此行代码是映射JS类与布局文件关系

    //{EVENT_BEGIN}
    //设计器会自动在此处注册事件
    //{EVENT_END}

    设置为JS启动文件,代码将从此文件开始运行
    QQ截图20181121125340.png

    5. 布局窗口添加按钮,设置name在布局窗口上方一个按钮, 属性面板设置按钮的name值, 以便后续通过name注册事件
    QQ截图20181121124135.png


    6. 生成事件代码
    选择工具栏上的 [JS事件管理]图标, 弹出JS事件管理窗口, 选择按钮点击事件, 点击按钮[添加事件响应代码], 自动生成事件代码.

    QQ截图20181121124440.png

    下面是自动生成的事件代码
    QQ截图20181121125054.png


    xc.XEle_RegEventByName("button1", xc.XE_BNCLICK, this.OnBtnClick_button1); //注册事件
    OnBtnClick_button1(pbHandled) //事件响应函数




    您需要登录后才可以回帖 登录 | 加入我们

    本版积分规则

    QQ|Archiver|手机版|小黑屋|炫彩界面库 ( 鄂ICP备2023014763号-1 )

    GMT+8, 2024-4-19 22:02 , Processed in 0.079750 second(s), 21 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表