LayaAirIDE组件学习总结

本文介绍了LayaUI设计的基本概念,包括不同组件的区别、快捷键的使用、UI页面的开发模式、逻辑类的结构等内容,并探讨了如何通过发布导出UI页面来进行后台逻辑与事件的操作。

相关网盘免费资源下载...

 

1. 在组件库中的组件  与在资源管理器中的组件的区别:

 

 

2.    Ctr+R  进行整列复制

Ctr+B将所选组件集合转换为容器

Ctr+enter进行预览

 

3.    页面的源文件开发模式:注意只有当对UI进行代码控制的时候,才需要创建这个逻辑类ClipPage(继承于ClipPageUI界面),来对clipPageUI进行控制

       

5.    项目入口类与 自定义逻辑类的 关系

 

6.    Laya中padding内边距的顺序:

(top,left,right,bottom)

7.    要对UI进行后台逻辑、事件的操作,首先要进行发布导出UI页面,然后在source中编写逻辑

8.    UI对应的逻辑类的结构:

①构造函数中进行UI的初始化、Ui中元素的设置(包括事件)

②构造函数中,UI初始的一些动作可以在这里进行设定,比如开始执行laya.loop动作

9.

预览:ctr+enter (没有生成代码,有些效果看不出来)

发布:F12(生成代码)

 

10.ViewStack、checkBox等控件群,内部的子控件需要按:item0,item1…进行命名,才能生效

 

11.laya中只有panel与list是带滚动条的

 

12.界面类、自定义逻辑类

13.RunTime属性,就是在运行时的逻辑类,几乎所有控件都有这个属性:

但是该逻辑类要继承于自己的类型(如image),用于为该控件添加运行时的动作

之前的逻辑类是为某个页面添加相应的控制,所以要继承于要控制的页面

  

15. 对控件的额外控制

①可以使用RunTime组件,但是不能添加新属性,要继承于所控制的空间类型

②扩展脚本,就是使用继承的方式(继承于要控制的类型,如image),对控件添加额外的属性,并进行控制

  

16.扩展脚本与附加脚本区别:

 

相关网盘免费资源下载...

 

 

 

 

 

 

 

 

 

 

 

 

 

### LayaAir IDE 的基础知识与使用方法 LayaAir 是一款专注于 HTML5 游戏开发的引擎,其配套工具 LayaAir IDE 提供了一体化的开发环境支持。以下是关于 LayaAir IDE 的基础教程和使用指南: #### 1. 安装与启动 LayaAir IDE 可以通过官方网站下载并安装到本地环境中。安装完成后,运行该程序即可进入集成开发界面。此过程无需额外配置复杂依赖项[^3]。 #### 2. 工程创建 在首次打开 LayaAir IDE 后,可以通过点击“新建工程”按钮来初始化一个新的项目文件夹结构。开发者可以选择不同的模板作为起点,比如空白模板或者预设的游戏框架模板[^4]。 #### 3. 菜单功能概览 - **File 文件操作**:用于管理项目的保存、导出等功能。 - **Edit 编辑选项**:提供复制粘贴等基本编辑命令外加查找替换服务。 - **View 查看设置**:调整侧边栏显示状态及主题颜色方案切换。 - **Run 运行测试**:一键编译当前源码并将结果展示于内置浏览器窗口之中[^5]。 #### 4. 插件扩展 - Unity 集成案例 对于希望利用现有资源快速迁移至 H5 平台上的团队来说,LayaAir 提供了一个专门针对 Unity 开发者的解决方案——即所谓的 “Unity 插件”。一旦成功导入该项目插件包,则会在 Unity 中新增名为 `LayaAir3D` 的自定义菜单条目[^1]。这使得原本基于 C# 构建的内容能够较为平滑地过渡到 JavaScript 生态圈里去执行渲染逻辑等工作流程上来了。 #### 5. API 学习路径建议 初学者如果打算深入研究如何调用底层接口实现特定需求的话,《官方文档》无疑是最好的参考资料之一;另外还可以关注社区动态获取最新资讯和技术分享文章[^2]。同时也要注意积累实践经验过程中总结出来的常见问题解决办法集合起来形成自己的知识库以便日后查阅更加便捷高效些哦! ```javascript // 示例代码片段演示简单的场景加载方式 var scene = new Laya.Scene(); scene.addChild(new Laya.Sprite()); // 添加精灵对象到舞台中央位置处 ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值