Lufylenged引擎學習——LTextField

一喵嗚發表於2015-08-11

【 LTextField 】建立新的 LTextField 例項。在建立 LTextField 例項後，呼叫父 LSprite 物件的 addChild() 或 addChildAt() 方法可將 LTextField 例項新增到顯示列表中。 LTextField 類的方法允許您設定、選擇並操作在創作過程中或執行時建立的動態或輸入文字欄位中的文字。


（一）利用LTextField 實現文字樣式的修改：

LInit(1000/50,"mylegend",200,100,main);
var label;
function main(){
    label = new LTextField();
    label.x = label.y = 50;
    label.text = "HTML5自由者";
    label.weight= 'bold';
    label.size = '12';
    label.style = 'bold';
    label.color = '#FCF';
    addChild(label);
}


                                                

（二）克隆複製文字
LInit(1000/50,"mylegend",200,200,main);
function main(){
    var label = new LTextField();
    label.x = label.y = 50;
    label.text = "HTML5自由者";
    label.weight= 'bold';
    label.size = '12';
    label.style = 'bold';
    label.color = '#FCF';
    addChild(label);
    // 複製文字
    var label2 = label.clone();
    label2.y = 150;
    addChild(label2);
}		      

                   

【setType文字框型別】

LInit(50, "legend", 800, 480, main);
function main () {
     var theTextField = new LTextField();
     theTextField.setType(LTextFieldType.INPUT);
     theTextField.x = 10;
     theTextField.y = 10;
     addChild(theTextField);
}

【設定文字框為密碼框 】
label4.displayAsPassword = true;

【設定文字框的value值】
label4.text ='HTML5自由者';

【文字框進行按鍵監聽 聚焦】
label3.addEventListener(LTextEvent.TEXT_INPUT, function (e) {
        if(e.keyCode == 13){   // Enter鍵
             label4.focus();
        }
        console.log(e.keyCode);
 });

【文字描邊 線寬】
    label2.stroke = true;
    label2.lineWidth  = 1;
    label2.lineColor = '#FCF';
    addChild(label2);
    

【新增文字標籤】文字欄位內容的 HTML 表示形式
                          API提供的文字標籤只有以下這幾種形式：
  
    var theTextField = new LTextField();
    theTextField.htmlText = "ABC"
        +"<font face='Book Antiqua' color='#FCF' size='20'>我"
        +"<p>HTML5</p>"
        +"<font color='#008800' size='10'>"
            +"<i>自由者</i>"
            +"<font size='15'>HTML5自由者HTML5自由者</font>"
        +"</font>"
        +"</font>"
        +"自由者2<b>HTML53</b>"
        +"<u>自由者4</u>";
    theTextField.x = 10;
    theTextField.y = 250;
    theTextField.textBaseline = "alphabetic";
    addChild(theTextField);
    
     
    
    設定了setWordWrap設定文字自動換行時會增加行數。
    



相關文章