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