码迷,mamicode.com
首页 > 其他好文 > 详细

Laya的高亮文字

时间:2019-09-18 19:37:12      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:code   右键   增加   ret   文字   样式   egret   inner   pre   

版本2.1.1.1

 

游戏中用的高亮文字,例如下图 "使用 2钻石 可获得金币",2钻石是不同颜色高亮的。

技术图片

 

 

白鹭的高亮文字有文本样式

txt.textFlow = <Array<egret.ITextElement>>[
    {text: "花费", style: {"textColor": 0x0000}}
    , {text: "100", style: {"textColor": 0xf1e81b}}
    , {text: " 金币", style: {"textColor": 0x0000}}
    }
];

 

Laya使用HTMLDivElement组件

 

在编辑模式F9,增加html库

技术图片

 

 

在编辑模式,层级窗口右键,创建HtmlDivElement组件

技术图片

 

 

代码中设置

txt.innerHTML = "<span style=‘color:#ffffff‘>花费</span><span style=‘color:#f1e81b‘>100</span><span style=‘color:#ffffff‘>金币</span>";

  

实际显示效果

技术图片

 

HtmlDivElement的源代码在bin/libs/laya.html.js中

技术图片

 

 

 原理没细看,盲猜是解析<>标签后进行绘制

 

Laya的高亮文字

标签:code   右键   增加   ret   文字   样式   egret   inner   pre   

原文地址:https://www.cnblogs.com/gamedaybyday/p/11544543.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!