文本类

新建一个文本内容

  1. var wb =newLaya.Text();
  3. wb.text ="hello";
  4. wb.color ="#ffffff";// 文本颜色默认为黑色
  5. wb.align ="right";// align水平对齐方式
  6. wb.valign ="middle"//valign竖直对齐（top，bottom）
  7. wb.bgColor ="ff0000";
  8. wb.bold =true;// 加粗与否
  9. wb.borderColor ="#FF1493";//文本边框颜色
  10. wb.font ="Times New Roman";//字体
  11. wb.fontSize =10;//文字大小
  12. wb.height =20;//文字高度，像素单位
  13. wb.italic =false;//斜体与否
  14. wb.leading =5;//垂直行间距
  15. wb.overflow =Laya.Text.HIDDEN;//HIDDEN:不显示超出文本域的字符VISIBLE:不进行任何裁切
  16. //SCORLL:不显示文本域外的字符像素，并且支持scroll接口可以滚动显示
  18. Laya.stage.addChild(wb);

textInput 输入

  1. classLayaSample{
  2. constructor(){
  3. //初始化引擎，不支持WebGL时自动切换到Canvas
  4. Laya.init(640,800,Laya.WebGL);
  5. //设置画布的背景颜色
  6. Laya.stage.bgColor ="#efefef";
  7. this.Text_InputSingleline();
  8. this.Text_InputMultiline();
  9. }
  10. privateText_InputSingleline():void{
  11. var textInput:Laya.TextInput=newLaya.TextInput("单行输入");//创建一个 TextInput 类的实例对象 textInput 。
  12. textInput.wordWrap =true;//设置 textInput 的文本自动换行。
  13. textInput.fontSize =30;//设置 textInput 的字体大小。
  14. textInput.x =0;//设置 textInput 对象的属性 x 的值，用于控制 textInput 对象的显示位置。
  15. textInput.y =0;//设置 textInput 对象的属性 y 的值，用于控制 textInput 对象的显示位置。
  16. textInput.width =300;//设置 textInput 的宽度。
  17. textInput.height =200;//设置 textInput 的高度。
  18. textInput.bgColor ="#c30c30";
  19. Laya.stage.addChild(textInput);//将 textInput 添加到显示列表。
  20. }
  21. privateText_InputMultiline():void{
  22. var textInput:Laya.TextInput=newLaya.TextInput("多行输入");//创建一个 TextInput 类的实例对象 textInput 。
  23. textInput.fontSize =30;//设置 textInput 的字体大小。
  24. textInput.wordWrap =true;//设置 textInput 的文本自动换行。
  25. textInput.multiline =true;//设置textInput的多行输入
  26. textInput.x =0;//设置 textInput 对象的属性 x 的值，用于控制 textInput 对象的显示位置。
  27. textInput.y =300//设置 textInput 对象的属性 y 的值，用于控制 textInput 对象的显示位置。
  28. textInput.width =300;//设置 textInput 的宽度。
  29. textInput.height =200;//设置 textInput 的高度。
  30. textInput.bgColor ="#c30c30";
  31. Laya.stage.addChild(textInput);//将 textInput 添加到显示列表。
  32. }
  33. }
  34. newLayaSample();

图片类

显示图片

var img: Laya.Sprite = new Laya.Sprite();定义一个新图片

img.loadImage("path",x,y,width,height,Handler=null)加载它

注意载入位置的时候，默认的路径为bin目录

  1. classMain{
  2. constructor()
  3. {
  4. //初始化引擎
  5. Laya.init(1334,750);
  6. //设置舞台背景色
  7. Laya.stage.bgColor ="#ffffff";
  8. var img:Laya.Sprite=newLaya.Sprite();
  9. //加载显示图片，坐标位于100,50
  10. img.loadImage("res/img/monkey1.png",100,50);
  11. //添加到舞台
  12. Laya.stage.addChild(img);
  13. }
  14. }
  15. newMain();

切换图片

在显示图片的基础上，清空绘制，然后获得新的图片资源重新绘制

  1. // 程序入口
  2. classMain{
  3. //需要切换的图片资源路径
  4. private monkey1:string="res/img/monkey1.png";
  5. private monkey2:string="res/img/monkey2.png";
  6. //切换状态
  7. private flag:boolean=false;
  8. private img:Laya.Sprite;
  9. constructor()
  10. {
  11. //初始化引擎
  12. Laya.init(1334,750);
  13. //设置舞台背景色
  14. Laya.stage.bgColor ="#ffffff";
  15. this.img =newLaya.Sprite();
  16. //显示绘制的图片
  17. this.switchImg();
  18. //侦听switchImg中图片区域的点击事件，触发后执行switchImg切换图片
  19. this.img.on(Laya.Event.CLICK,this,this.switchImg);
  20. //将图片添加到舞台
  21. Laya.stage.addChild(this.img);
  22. }
  23. private switchImg():void{
  24. //清空图片
  25. this.img.graphics.clear();
  26. //获得要切换的图片资源路径
  27. var imgUrl:string=(this.flag =!this.flag)?this.monkey1:this.monkey2;
  28. //加载显示图片，坐标位于100,50
  29. this.img.loadImage(imgUrl,100,50);
  30. }
  31. }
  32. newMain();

转载于:https://www.cnblogs.com/mrfri/p/8727163.html