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);//将文本添加到舞台上
View Code

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);
            
        }
    }
}
View Code
原文地址:https://www.cnblogs.com/heisaijuzhen/p/5646782.html