Laya-关于预设入门
在oppo的原生广告中,大部分是通过修改预设的方式来实现的,何为预设,我哪知道,我会用就行了
不会预设的话就先用laya新建一个空项目
一、选择这里
右键选择 新建>页面/场景
页面要取什么名字随意,我这里暂定为home,然后打开Scene>home.scene文件,也就是咱们刚刚新建的页面home.scene
打开了home.scene文件之后肯定是一片黑的,因为你什么元素都没添加上去,接着双击打开下面这个,Basics>UI
对了,在打开home.scene文件的时候,层级那里会出现一个Scene,这个就是home.scene文件,你可以在这里找到该文件中用到的各个元素,可以在这里修改。
打开Basics>UI后,随意找了一个Box拖动到那个Scene上
接着随意拖入了一个button和image来试试
接下来是如何制作预设了,选中我们需要拿来作为预设的元素,如上图的Box,单击选中,
Laya引擎右侧面板会出现下面这样,点红框里那个保存
名称随你定义,我先定义为btnClickCon
保存之后Scene文件夹中的prefab会出现一个btnClickCon.prefab
大概样子如下
之后就是挂载ts代码了,最简单的方式就是直接将写好的ts代码引入
示例如下:
假如我们要做的功能是点击下图里这个button之后执行函数play()
那么,首先我们得给这个预设里的按钮添加一个name属性,不然不好找到它(三张图放一起吧)
在上面的图里 我将需要触发点击事件的按钮的name定义为btnC
Ok,现在开始写需要执行的ts代码
打开编辑器,找到src文件夹,可以的话新建个目录吧,我是新建了一个test目录(不建也没事,不影响的),在test目录中我新建了一个btnClick.ts
对了,在vscode中新建ts文件的话不会自动生成模板代码的,建议是直接在laya引擎这边新建脚本
回归正题,在新建的btnClick.ts文件中写入以下代码
export default class btnClick extends Laya.Script {public btn:Laya.Button;// 更多参数说明请访问: https://ldc2.layabox.com/doc/?nav=zh-as-2-4-0constructor() { super(); }onEnable(): void {this.btn=this.owner.getChildByName("btnC") as Laya.Button;this.btn.on(Laya.Event.CLICK,this,()=>this.play())}public play(){console.log(this.btn+"这一个是按钮");}onDisable(): void {}
}
现在开始最后的操作,点击按钮之后触发ts代码
先选中home.scene文件,打开
选中button
右侧面板会出现对应属性,给这个button添加name,我写的是btnC,对应上面btnClick.ts中的对象绑定
然后,选中下图这个
右侧面板中找到下面这个“添加组件“
点击“添加组件”,选择 code>btnClick (btnClick就是你自己刚刚定义的ts文件名)
记得检查是否出现了这个,没有的话可能没操作对
ok,差不多到此就可以了,laya引擎界面按ctrl+f12导出下代码,然后点运行或者按f6就可以了
Laya-关于预设入门相关推荐
- laya使用fairygui入门教程
下载laya的sdk 把FairyGUI-layabox-master\source\bin里的fairygui.js放到laya项目里的bin\libs里 index.js再引入下 引入的顺序不要变 ...
- LAYA和TypeScript制作H5入门——页面制作
上一篇: LAYA和TypeScript制作H5入门--准备工作 一般情况下,一个H5是由多个相互关联的ui页面串联组成.遵循的大致逻辑一般是加载页面,开始页面,内容页面和结束页面.这些界面承担了用户 ...
- 新手入门:如何用Laya开发微信小游戏?
1.环境准备 1.1 LayaAirIDE 1.7.14版本才开始集成微信小游戏开发. 1.2 微信小游戏开发工具 微信小游戏开发工具是小游戏开发与测试的环境,由于LayaAir引擎的开发者完全可以使 ...
- Pr零基础入门指南笔记一——项目、序列、预设
1.学习地址 [干货]PR零基础入门指南第二集:新建项目和序列以及预设,基础但非常重要,PR萌新必学!_哔哩哔哩_bilibili 2.视频剪辑 3.项目 项目管理文件夹 主项目文件夹 日期+项目名 ...
- 【游戏开发实战】Unity老工程师开始搞Laya了,不想看官方文档,那就看我的教程吧(Laya2.12.0版本 | 案例 | 入门 | 教程)
文章目录 一.前言 二.我做的Laya案例集合工程 三.LayaAir IDE下载 四.Hello World工程 1.新建空项目 2.新建场景:HelloWorld.scene 3.创建一个Labe ...
- LR菜鸟入门 -- LightRoom安装/预设
一.软件下载 下载:LightRoom 6 内含注册机 下载:Adobe Lightroom 6.0 预设文件 内附安装教程 二.安装破解 我的经验,安装时以管理员身份运行,选择试用,破解时复制破解补 ...
- Laya之微信小游戏入门
1.环境准备 1.1 LayaAirIDE 1.7.14版本才开始集成微信小游戏开发 1.2 微信小游戏开发工具 微信小游戏开发工具是小游戏开发与测试的环境,由于LayaAir引擎的开发者完全可以使用 ...
- Ae 入门系列之十:效果和动画预设
Ae 中提供了丰富的效果 Effects和动画预设 Animation Presets,可以轻松.快速地创建出各种酷炫的动画. ◆ ◆ ◆ 效果 添加效果 方法一:先选中一个或多个图层,然后在Ae ...
- Ae 入门系列之五:效果和预设
除了给变换属性设置关键帧动画外,还可以为图层添加效果 Effects,并为效果的属性设置关键帧. 动画预设 Animation Presets, 是 Ae 事先做好的一些动画效果,通常包含一个或多个效 ...
最新文章
- .Net MVC3中取得当前区域的名字(Area name)
- JAXB在Java 9/10并且使用Tomcat 9的问题
- ie6 下最佳 PNG透明方案【转】
- go 是常驻内存吗_图解 Go 内存分配器
- 经常有人问我:我想招个会写文案的,可是好文案真的很难招,自己写吧,又不会……
- 查看已有设置_腾讯企点呼叫中心如何查看企点电话产生的数据报表?
- 手把手教你下载ILSVRC2012(ImageNet2012)分类部分数据集以及使用Pytorch训练
- win64位系统注册表
- 第三阶段应用层——1.10 数码相册—main_page主界面的显存管理、页面规划、输入控制
- OpenWrt使能mt7620a第二个uart
- MySQL 打开视图 1449_Mysql查询视图:ERROR 1449 (HY000)解决办法
- vmbox 导入虚拟电脑之后无法上网
- 手机扫电脑浏览器页面里的二维码后,电脑中该页面自动跳转,什么原理
- 如何制作一寸、二寸、六寸证件照片
- saliency detection(显著度检测)用于Background Subtraction(背景扣除)和Segmenting objects(分割物体)
- Dracula theme
- laya 和 egret 区别
- C#打印小票(连续自动打印)
- 解决Oracle中文乱码问题
- 什么是网络——计算机网络发展史
热门文章
- “重塑”—— 与ISV同行
- python项目二:多种验证码及二维码输出
- Java获得随机汉字
- android平台的一款mud工具,全平台 MUD 客户端 TinTin++ 之安卓篇
- window10怎么卸载php,window10怎么卸载软件以及清空插件
- linux 银河麒麟V10 VSFTPD服务端安装、配置的图文教程
- 2018国内各大互联网公司前端面试题汇总【转:公众号~~高级前端进阶公众号】
- Java反编译器JD
- macw资讯——妙控键盘与智能键盘:哪个适合您的 iPad?
- 神级操作丨用 Python 将微信热文转换成Word文档