![](https://img-blog.csdnimg.cn/20200523171946567.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
LayaAir
微信小程序
DaLiangChen
专注 AR、VR、MR 行业。
展开
-
Laya学习笔记-00目录
Laya学习笔记-01文本类Laya学习笔记-02滚动文本Laya学习笔记-03使用ScrollBar滚动文本Laya学习笔记-04textInputLaya学习笔记-05位图字体参考资料:LayaAir官网:https://www.layabox.com原创 2020-05-24 23:35:36 · 408 阅读 · 0 评论 -
Laya学习笔记-01环境搭建
一、下载与安装LayaAirIDE使用LayaAirIDE与LayaAir引擎,需要在游戏中任意可见位置上加上引擎标识:Powered by LayaAir Engine,对于携带引擎标识的可以免费使用,否则需要联系下载条款中的微信二维码联系商务获得付费授权。接受条款后下载解压即可使用,IDE是绿色版,无需要安装。IDE中已包含了对应的引擎版本,无需额外下载。LayaAirIDE2.0 下载地址:https://ldc2.layabox.com/layadownload/?type=layaa原创 2020-05-25 00:19:09 · 2442 阅读 · 0 评论 -
Laya学习笔记-02文本类
一、用的代码创建一个UI文本export default class TestText extends Laya.Script { constructor() { super(); } onAwake() { //用代码创建一个UI文本 var tex=new Laya.Text(); //设置文本内容 tex.text="Hello World"; //设置字体大小 te原创 2020-05-23 17:02:04 · 802 阅读 · 0 评论 -
Laya学习笔记-03滚动文本
export default class TextCtrl extends Laya.Script { constructor() { super(); /** @prop {name:txt, tips:"提示文本", type:Node, default:null}*/ this.txt=null; } onAwake() { this.txt.on(Laya.Event.MOUSE_DOWN,this,th.原创 2020-05-23 15:57:53 · 893 阅读 · 0 评论 -
Laya学习笔记-04使用ScrollBar滚动文本
一、场景搭建1.在Laya->工程->Scenes->新建->页面/场景 新建一个场景命名为“Main”2.设置新建的场景属性3.创建一个Text类型的UI组件4.在右边Text的属性栏中设置Text的宽高及位置5.设置Text的文本内容、字体大小、字体颜色、自动换行、垂直间距、文本超出文本域行为6.在“层级”面版->Scene->创建UI组件->VScrollBar7.设置VScrollBar的高度及位置...原创 2020-05-23 23:59:41 · 1304 阅读 · 0 评论 -
Laya学习笔记-05textInput
一、laya.ui.textInput中所有的API参数:二、代码实现单行输入export default class TextInputCrtl extends Laya.Script { constructor() { super(); /** @prop {name:name, tips:"提示文本", type:Node, default:null}*/ this.xx=null; } onAwake() {原创 2020-05-24 23:28:44 · 1144 阅读 · 0 评论 -
Laya学习笔记-06位图字体
一、字体制作1.先让美术制作好字体样式,导出成png格式2.下载安装 windows下免费的位图字体制作工具 Bitmap Font Generator。下载地址:http://www.angelcode.com/products/bmfont/3.安装完成后打开Bitmap Font Generator ->Edit->Open Image Manager3.Open Image Manager->Import image.. 导入美术制作好的字体样式..原创 2020-05-24 22:10:26 · 573 阅读 · 0 评论 -
Laya学习笔记-07FontCip
一、制作字体1.层级->Scene->创建UI组件->FontClip,创建一个FontClip2.指定美术制作好的字体图片,并设置属性原创 2020-05-25 00:48:28 · 523 阅读 · 0 评论 -
Laya学习笔记-08Mac调试谷歌浏览器黑屏
1.打开终端输入sudo apachectl start2.输入密码3.重新启动浏览器原创 2020-05-27 10:55:51 · 792 阅读 · 0 评论 -
Laya学习笔记-09使用ttf字体
一、环境搭建1.创建一个 Text UI组件2.设置 Text 的宽高及位置3.将ttf字体拖入到 工程->Assets 目录下二、代码加载ttf字体1.创建一个脚本命名为 “TTFCtrl.js” ,代码如下export default class TTFCtrl extends Laya.Script { constructor() { super(); /** @prop {name:txt, tips:"提示.原创 2020-05-27 23:07:21 · 1177 阅读 · 1 评论 -
Laya学习笔记-10CheckBox
export default class CheckBoxTest extends Laya.Script { constructor() { super(); /** @prop {name:checkBox, tips:"提示文本", type:Node, default:null}*/ this.checkBox=null; } onAwake() { } onUpdate(){ this.原创 2020-05-27 23:57:00 · 337 阅读 · 0 评论 -
Laya学习笔记-11ui.Clip
一、什么是ui.Clipui.Clip是位图切片动画,可将一张图片,按横向分割数量clipX、竖向分割数量clipY, 或横向分割每个切片的宽度clipWidth、竖向分割每个切片的高度clipHeight, 从左向右,从上到下,分割组合为一个切片动画。Package laya.ui 类 public class Clip Inheritance Clip 子类 FontClip 二、公开类型属性Property ...原创 2020-05-29 22:47:58 · 463 阅读 · 0 评论 -
Laya学习笔记-12RunTime
一、什么是RunTime?在LayaAirIDE中资源面板下所有的组件均有runtime的属性,runtime是该组件运行时的逻辑类;相同组件可使用同一runtime类来实现相同的功能,比如不同页面上需要对相同的组件实现同一功能。需要注意的是组件的runtime逻辑类如果不继承组件自身,并且继承的对象中没有该组件的属性时,这个属性则会失效(不支持在View和Dialog页面中使用)二、代码如下export default class RunTimeTest extends Laya.I...原创 2020-05-31 23:10:26 · 1318 阅读 · 0 评论 -
Laya学习笔记-13ComboBox
一、什么是ComboBox?laya.ui.ComboBox组件包含一个下拉列表,用户可以从该列表中选择单个值二、属性Property button:Button [read-only] 获取对 ComboBox 组件所包含的 Button 组件的引用。 dataSource: * [override] 数据赋值,通过对UI赋值来控制UI显示逻辑。 简单赋值会更改组件的默认属性,使用大括号可以指定组件的任意属性进行赋值。 height...原创 2020-05-31 23:54:57 · 1016 阅读 · 0 评论 -
Laya学习笔记-14Dialog
一、Dialog简介Dialog组件是一个弹出对话框,实现对话框弹出,拖动,模式窗口功能。 可以通过UIConfig设置弹出框背景透明度,模式窗口点击边缘是否关闭等 通过设置zOrder属性,可以更改弹出的层次 通过设置popupEffect和closeEffect可以设置弹出效果和关闭效果,如果不想有任何弹出关闭效果,可以设置前述属性为空二、公开属性Property closeEffect:Handler 关闭对话框效果,可以设置一个效果代替默认的关闭效果,如果不想有任何...原创 2020-06-16 22:42:55 · 1363 阅读 · 2 评论