LayaAir学习笔记
1.Text文本类
var Text=laya.display.Text;
Laya.init(620,400);
Laya.stage.bgColor="#323232";//设置舞台的背景颜色
var text=new Text();//实例化一个Text类,用于文本的显示
text.fontSize=30;//设置文本的字体大小
text.color="#db7644";//设置文本的颜色
text.size(200,100);//设置文本的显示区域大小
text.pos(100,100);//设置文本的显示位置
text.text="Hello World!";//设置文本的显示内容字符
Laya.stage.addChild(text);//将文本添加到舞台上
2.通过快捷键F3对面板布局一键恢复至默认面板布局。
3.编辑默认的组件资源对应规则(不区分大小写)
(1)Label组件(文本框):label_xxx。
(2)TextInput组件(输入框):input_xxx或textinput_xxx
(3)TextArea组件(文本域,带滚动条):area_xxx或textarea_xxx
(4)Button组件(按钮):btn_xxx或button_xxx
(5)CheckBox组件(多选框):check_xxx或checkbox_xxx
(6)Radio组件(单选框):radio或radio_xxx
(7)Tab组件(标签组):tab_xxx
(8)RadioGroup组件(单选框按钮组):radiogroup_xxx
(9)VSlider组件(垂直滑动条):vslider_xxx
(10)HSlider组件(水平滑动条):hslider_xxx
(11)Clip组件(位图切片):clip_xxx
(12)ProgressBar组件(进度条):progress_xxx或progressbar_xxx
(13)ComboBox组件(下拉框):combo_xxx或combobox_xxx
(14)VScrollBar组件(垂直滚动条):vscroll_xxx 或vscrollbar_xxx
(15)HScrollBar组件(水平滚动条):hscroll_xxx或hscrollbar_xxx
(16)Image组件(图形组件):不是以上规则的,都会被识别为image组件
4.位图字体的使用:
(1)资源放入的位置:

(2)代码使用案例:
package {
import laya.net.Loader;
import laya.utils.Handler;
import view.TestView;
import laya.display.Stage;
import laya.display.Text;
import laya.resource.TextUre;
import laya.display.BitmapFont;
public class Main {
//自定义文件名称
private var mFontName:String="diyFont";
private var mBitmapFont:BitmapFont;
public function Main() {
//初始化引擎
Laya.init(600, 400);
mBitmapFont=new BitmapFont();
//这里不需要扩展名,外部保证fnt与png文件同名
mBitmapFont.loadFont("res/bitmapFont/text.fnt" ,new Handler(this,onLoaded1));
}
private function onLoaded1():void
{
init();
}
private function init():void
{
//如果位图字体中,没有空格,最好设置一个空格宽度
mBitmapFont.setSpaceWidth(10);
Text.registerBitmapFont(mFontName,mBitmapFont);
var txt:Text=new Text();
txt.text="fsdfadsafsda123456fsdfadsafsda123456789789";
//设置宽度,高度自动匹配
txt.width=250;
//自动换行
txt.wordWrap=true;
txt.aligh="center";
//使用我们注册的字体
txt.font=this.mFontName;
txt.fontSize=50;
txt.loading=5;
Laya.stage.addChild(txt);
}
}
}
LayaAir学习笔记的更多相关文章
- js学习笔记:webpack基础入门(一)
之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...
- PHP-自定义模板-学习笔记
1. 开始 这几天,看了李炎恢老师的<PHP第二季度视频>中的“章节7:创建TPL自定义模板”,做一个学习笔记,通过绘制架构图.UML类图和思维导图,来对加深理解. 2. 整体架构图 ...
- PHP-会员登录与注册例子解析-学习笔记
1.开始 最近开始学习李炎恢老师的<PHP第二季度视频>中的“章节5:使用OOP注册会员”,做一个学习笔记,通过绘制基本页面流程和UML类图,来对加深理解. 2.基本页面流程 3.通过UM ...
- 2014年暑假c#学习笔记目录
2014年暑假c#学习笔记 一.C#编程基础 1. c#编程基础之枚举 2. c#编程基础之函数可变参数 3. c#编程基础之字符串基础 4. c#编程基础之字符串函数 5.c#编程基础之ref.ou ...
- JAVA GUI编程学习笔记目录
2014年暑假JAVA GUI编程学习笔记目录 1.JAVA之GUI编程概述 2.JAVA之GUI编程布局 3.JAVA之GUI编程Frame窗口 4.JAVA之GUI编程事件监听机制 5.JAVA之 ...
- seaJs学习笔记2 – seaJs组建库的使用
原文地址:seaJs学习笔记2 – seaJs组建库的使用 我觉得学习新东西并不是会使用它就够了的,会使用仅仅代表你看懂了,理解了,二不代表你深入了,彻悟了它的精髓. 所以不断的学习将是源源不断. 最 ...
- CSS学习笔记
CSS学习笔记 2016年12月15日整理 CSS基础 Chapter1 在console输入escape("宋体") ENTER 就会出现unicode编码 显示"%u ...
- HTML学习笔记
HTML学习笔记 2016年12月15日整理 Chapter1 URL(scheme://host.domain:port/path/filename) scheme: 定义因特网服务的类型,常见的为 ...
- DirectX Graphics Infrastructure(DXGI):最佳范例 学习笔记
今天要学习的这篇文章写的算是比较早的了,大概在DX11时代就写好了,当时龙书11版看得很潦草,并没有注意这篇文章,现在看12,觉得是跳不过去的一篇文章,地址如下: https://msdn.micro ...
随机推荐
- Java关键字介绍
关键字 描述 abstract 抽象方法,抽象类的修饰符 assert 断言条件是否满足 boolean 布尔数据类型 break 跳出循环或者label代码段 byte 8-bit 有符号数据类型 ...
- Cocos引擎开发者指南(1-5)
Cocos引擎开发者指南 英文原版:http://www.cocos2d-x.org/docs/programmers-guide/1/ 中午翻译:http://www.cocos.com/doc/t ...
- PHP $_SERVER['SCRIPT_FILENAME'] 与 __FILE__ 的区别 有点像static 和 self的意思 !
PHP $_SERVER['SCRIPT_FILENAME'] 与 __FILE__ 通常情况下,PHP $_SERVER['SCRIPT_FILENAME'] 与 __FILE__ 都会返回 PHP ...
- 【SIGGRAPH】【最终幻想XV】的战斗场景实时演示的要点解说
[SIGGRAPH][最终幻想XV]的战斗场景实时演示的要点解说 原文:西川善司 http://www.4gamer.net/games/999/G999902/20160730004/ ...
- Yii源码阅读笔记(三十二)
web/Application类的注释,继承base/Application类,针对web应用的一些处理: namespace yii\web; use Yii; use yii\base\Inval ...
- NGUI渲染流程
1 渲染流程 NGUI的渲染流程其实就是把Widget组件生成Mesh所需要的缓存数据,然后生成对应的DrallCall组合对应数据,生成渲染需要的Mesh数据,提交渲染. Widget(数据) UI ...
- 【java基础学习】IO流
IO流 字节流InputStream和OutputStream 字符流Writer和Reader 装饰模式
- wed应用程序开发原理
---恢复内容开始--- 企业应用演变的模式 1.主机/哑终端的集中计算模式 时间二十世纪七十年代,企业应用程序是围绕一个中心大型主机建立的.特点 大,贵,专用.只有输入输出功能,没有处理能力,全部是 ...
- 单例模式-C++
单例模式(Singleton) --本文内容部分引自<大话设计模式 Chapter21> 一.概念:保证一个类仅有一个实例,并提供一个访问它的全局访问点. 通常我们可以让一个全局变量使一个 ...
- jquery 给指定li添加制定的css样式
$("ul li").eq(1).css({"color":"red"}); //第二个li $("ul li").eq ...