Laya引擎获取IDE上面的ui组件的方法

最新推荐文章于 2021-09-05 11:28:41 发布
最新推荐文章于 2021-09-05 11:28:41 发布
阅读量1.2k 收藏 2
点赞数 1
分类专栏： Laya 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40529176/article/details/106825634
版权

第一种：直接拖入组件上：前提是要写一段代码（这种方法不建议使用）
在这里插入图片描述
第二种：使用var值，在IDE面板上对组件中的var值进行更改：(这种方法是使用了runtime脚本)
在这里插入图片描述
然后可以通过代码获取
在这里插入图片描述
直接可以使用，当然这个声明也可以放在layaMaxUI上，但是还是不建议放在里面
第三种：通过获取节点名字getChildByName
前提是IDE组件上的名字要有：
在这里插入图片描述
如果是runtime脚本，就前面声明变量，后面调用代码
在这里插入图片描述
如果是Scripts脚本，就前面声明变量，后面调用代码
在这里插入图片描述

游猿
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Laya2.x游戏引擎入门系列（二）：UI界面开发
weixin_56659504的博客
04-07 1402
前端开发和游戏开发 相信选择laya游戏引擎这类h5游戏引擎的开发者或多或少都有一些前端的开发经验，在开始开发小游戏之后会努力寻找和过往开发经历相似的地方。最后会发现二者之间的关系类似于网页开发和node.js服务端开发之间的关系，虽然都是使用了前端的开发语言（JS或TS），但是背后涉及的知识点却完全不同。 小游戏全部是通过canvas或者webgl画在页面中，而网页开发是通过浏览器去做的渲染。我们在网页开发中很多想当然的事情，在h5游戏开发中就要费很大劲去实现，例如，网页中父容器的高度是可以通过内部内容撑
Laya自定义组件
xuniwawa010的专栏
07-09 687
laya2.1.1.1 参考： 预设使用 一 没有自定义组件 教程翻了几遍，没有自定义组件，论坛搜了下，说是不能使用。 二 预置件做自定义组件 预置件无法右键创建。 又去翻教程。终于知道预置件怎么创建了。就是选中一个组件，然后右上角有个按钮，设置为预置件。 选择了分离模式导出，但是预置件代码不能像scene一样生成在layaMaxUI.ts中，然后去继承。 仿照laya的demo中dropbox预置件的写法。现在创建关卡图标预制体LevelF...
卜若的代码笔记-一周速通LayaAir-第二章：获取组件
qq_37080133的博客
01-22 1031
1.按照Unity的求解思路，现在我们得在Scene上操作 下面是它的Hierarchy面板,我们选择UI，右键，可以创建一些UI元素，比如创建一个Button。 2.从Unity的角度思考问题，那么就一定有一种方式去获取组件。 虽然LayraAir有点奇葩，但是，也差不了太多。 2.1给这个标签一个name，这是它的唯一ID，找到这个组件就是通过这个name去找到的哟！ ...
LayaBox入门基础之JS代码实现UI组件显示
一个人的夏天
12-11 135
用JavaScript语言实现List代码逻辑 2.1 显示制作的UI页面 ​ 2.1.1 创建一个ListDemo.js程序文件，并把对应的js在index.html入口设置为启动文件。 ​​ (图17) ​ 2.1.2 编辑代码，显示UI。 我们先引入加载以及UI类，然后加载显示UI用到的图集资源，最后实例UI界面并添加到舞台。下面通过编码实现这三个环节： (function() { ...
UILabel
01-12 113
//设置文本内容 label.text=@"<u color=blue>underlined</u> <uu color=red>text</uu>123123122222222222222222222"; //设置文本...
layaair界面UI加载模式
cheng219101的专栏
08-27 6937
layaair的资料现在还比较少，要么就是tx课堂的收费教程，磨磨唧唧讲半天也找不到自己想要的。具体的操作不多介绍了，查看网上教程 https://www.jianshu.com/p/b9a71e879855 这个作者讲得很好了，但是一些操作设置没有提及，可能是因为ide版本更新变化了吧。 重点：选中界面点击右键，设置默认属性改成加载模式并没有效果。需要在ide中按F9打开项目设置修改UI模...
获取当前点击UI游戏对象
L877790502的博客
02-07 191
EventSystem.current.currentSelectedGameObject;
使用layabox引擎开发的H5游戏.zip
最新发布
04-19
1. 2D游戏：Layabox适用于各种2D游戏开发，如跑酷、消除、解谜等类型，可以利用其动画系统和UI组件快速实现游戏功能。 2. 3D游戏：Layabox的3D支持使其能够开发复杂的3D游戏，如角色扮演、策略等，结合物理引擎可以...
如何制作Laya 2D游戏的UI界面
本文旨在通过Laya 2D引擎，指导读者完成游戏UI界面的制作工作，内容涵盖了从准备工作到UI制作基础，再到UI界面设计和UI与代码的交互，最后介绍了发布与调试的相关内容。 通过本文的学习，读者将能够掌握制作Laya 2D...
Laya2.x游戏引擎入门系列（五）：游戏的灵魂 - Script
weixin_56659504的博客
04-07 657
一、从官方Demo中学习如何给游戏注入灵魂 上面的游戏是Laya IDE中提供的官方Demo，一个利用了物理引擎的简单的射击游戏。 游戏中涉及到了音频、动画、物理引擎、预设 等游戏开发中较常用的知识点，但是，这都不是我们这次讨论的重点。我们这次要讨论的是如何才能让你做出来的静态界面变得有灵魂。 1.1 Demo源码分析 我们先来看看Demo的示例代码中都有什么？ 示例代码中一个包含了4个文件，他们的继承关系如下： a. Bullet.ts 继承 Laya.Script，子弹脚本类 b. DropBox
laya加载3d后UI看不到的问题
yffgamestart的博客
12-01 1724
成功加载3d物体后，ui看不到，这个时候打开调试面板 确定，f5调试 我的没有出现，但是可以写代码控制ui显示 (Laya.stage.getChildAt(0)as Laya.Sprite).zOrder=1; 原因：将scene3D加到stage后，UI层变成了0，scene3D的zorder为1，这个时候就看不到舞台了， 需要将UI层的zorder变成1，这样，scene3D就变成了...
LayaBox怎么在ui页面中取到某个元素对象节点
anquanxie2713的博客
12-12 283
class GamView extends ui.gameUI{ private mole:Array<Mole>; private number:number = 9; //定义鼠洞的个数 private score:number; //定义初始化分数 private moleShowTime:number = 600; /...
laya屏幕UI适配相对位置
u012740992的专栏
07-19 1933
在使用laya制作手机端小游戏时，有时希望某个UI相对于屏幕底部等位置保持一定的距离，可以在layaIDE下如此设置： 如：保持一个按钮在任何分辨率手机下总是距离底部100个像素分辨率。 仅以scaleMode="fixedwidth"举例，其它适配方式类推。 此时编译运行发现手机不同分辨率屏幕下未能与底部保持一致。 因为这个相对位置bottom是相对对象是Scene的宽高，而Scene的宽高是...
Laya ui 控件
落尘飞
12-23 1万+
默认属性的设置： 控件资源双击，进行编辑默认属性。以使用时设置的属性为生效属性。 Image         属性->常用->sizeGrid：可以设置拉伸范围。 ClipImage         clipX/clipY：设置图片 x/y 轴的切片数         index：显示第几个切片位置 容器转换         快捷键：ctrl + b
LayaAirIDE组件学习总结
wangyihero8的专栏
05-18 2320
1.在组件库中的组件 与在资源管理器中的组件的区别：2.Ctr+R 进行整列复制Ctr+B将所选组件集合转换为容器Ctr+enter进行预览3.页面的源文件开发模式：注意只有当对UI进行代码控制的时候，才需要创建这个逻辑类ClipPage（继承于ClipPageUI界面），来对clipPageUI进行控制 5.项目入口类与 自定义逻辑类的 关系6....
LayaBox -- List组件的使用
热门推荐
阳仔博客
03-27 1万+
本节我们使用LayaBox 自带List组件实现了一个排行榜界面，由于List组件限制很多，我们下篇自己实现一个类似Unity ScrollView的效果。list滑动效果如下： 排行榜里面的数据，头像等都是随便写上去的，而且分数也没有实现从高到低的排序，我们现在只是做出上图的效果。 一、UI效果制作 a. 创建一个View类型的UI页面，RankList.ui。 b. 制作返回按钮和上面...
任务7：文本输入类laya.ui.TextInput基础
m0_56811106的博客
09-05 655
文章目录一、任务目标二、任务分解2.1 官方文档2.2 常用属性2.3 常见问题解决 一、任务目标 文本输入在游戏中使用并不是很多，大多常见于个人信息填写，账号密码输入以及兑换码礼包码等，这里做简单了解使用即可，而且类本身也很简单。这里需要区别的是，LayaAir中提供了三个输入类，分别是laya.display.Input，laya.ui.TextInput，laya.3d.Input3D，其中我们一般使用的是laya.ui.TextInput类，Input3D是有关3D输入的类，而Input类是引擎封装
LayaAir UI 编辑
落尘飞
12-16 1万+
界面的创建，新建就行。 编辑界面的一些操作：         1.编辑界面布局可以拖动， F3回到初始状态。 2.导出：将做好的界面打包导出，如果资源文件夹未产生变化则跳过该文件夹，只对已变化文件夹进行打包并导出，F12. 3.清理并导出：强制清理之前打过包的资源文件夹，重新打包导出，Ctrl + F12. 4.发布（不打包未使用资源）：只对已经使用的资源进行打包并导出，不对未使用的资源
LayaAir之UI文件模式
weixin_34203832的博客
11-03 1487
LayaAir版本 : Laya2.0.0bate4 . 一 : 前言 之所以选用文件模式.本人觉得有这么几个好处:①,在制作小游戏时,可最大限度的减少包体大小(这个是显而易见的 , 尤其是UI比较多/大的情况之下)②,可以使用Zip等打包生成的文件,从而相对减少网络请求次数.③,可以对UI类再次的封装(继承Scane).从而最大限度得提升本系统的扩展性,适应性的.本篇只讲解文件模式的实现方式. ...
写一个LAYA获取JSON表的方法
04-28
可以使用Laya.loader.load()方法获取JSON表，具体代码如下： ```javascript // 加载JSON表 Laya.loader.load("res/data/data.json", Laya.Handler.create(this, onJsonLoaded), null, Laya.Loader.JSON); // JSON加载完成后的回调函数 function onJsonLoaded(jsonData){ // 在这里可以对jsonData进行操作 console.log(jsonData); } ``` 其中，第一个参数是JSON表的路径，第二个参数是加载完成后的回调函数，第三个参数是加载进度回调函数，第四个参数是加载类型，这里指定为Laya.Loader.JSON。加载完成后，可以在回调函数中对jsonData进行操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值