Lufylenged引擎学习——LTextField

原创 2015年08月11日 17:48:37

【 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设置文本自动换行时会增加行数。
    



版权声明:本文为博主原创文章,未经博主允许不得转载。

使用FreeType实现矢量字体的粗体、斜体、描边、阴影效果(转载)

前言: Freetype是一个跨平台、开源的字体渲染器,网上很多文章介绍,本人就不啰嗦了。本文重点在于实现文章标题所属的各种效果,不是Freetype的基本使用方法介绍文档,所以对于Freety...
  • Angle502
  • Angle502
  • 2014年12月03日 21:18
  • 1693

搜索引擎利用机器学习排序

搜索引擎利用机器学习排序 标签: 搜索引擎机器学习排序 2013-07-29 20:52 1414人阅读 评论(0) 收藏 举报 本文章已收录于: ...
  • starzhou
  • starzhou
  • 2016年05月03日 18:17
  • 1867

cocos2d-x 利用CCLabelTTF制作文字描边与阴影效果的实现方法

欢迎各位童鞋转载,转载请注明出处:http://blog.csdn.net/song_hui_xiang 作者新浪微博:http://weibo.com/u/3168848533 作者腾讯微博:h...
  • song_hui_xiang
  • song_hui_xiang
  • 2013年12月17日 13:42
  • 21004

云端引擎——京东云擎

  • 2014年05月29日 14:08
  • 1.49MB
  • 下载

游戏程序设计教程——从游戏引擎构建到实际应用课本代码

  • 2017年03月28日 22:01
  • 10.87MB
  • 下载

iOS——为你的项目引入超轻量级JS引擎JSPatch-代码

  • 2016年01月17日 11:58
  • 105KB
  • 下载

android游戏物理引擎——重力弹力运动

  • 2013年11月13日 11:27
  • 4.66MB
  • 下载

JSP核心技术——JSP引擎内幕(2010).pdf

  • 2012年03月23日 15:17
  • 119KB
  • 下载

MDCC 2014 掌上明珠CTO胡烜——手机游戏引擎设计

  • 2014年11月17日 11:57
  • 299KB
  • 下载

Drawer2D 0.1——简单的opengl2D绘图引擎

  • 2016年01月22日 20:58
  • 1.04MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Lufylenged引擎学习——LTextField
举报原因:
原因补充:

(最多只允许输入30个字)