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);
            
        }
    }
}