CocosCreator之RichText富文本_cocos creator richtext_神兽白泽的博客-程序员秘密

>>>>>

富文本优缺点

优点：自定义颜色，大小，描边，还能加图片。对于复杂的文本表现力更好。

缺点：cocos的富文本是由Label组件拼装实现的。低版本会打断合批。Label太多导致卡顿。

此处仅测试几个常用标签：

// 换行符
<br/>
// 加粗
<b> </b>
// 字体颜色
<color=#FFFFFF> </color>
// 描边颜色及宽度
<outline color=#000000 width=2> </outline>
// 图片【需要在编辑器拉入所需图集】
<img src='"+图片名字 +"'/>
// 字体大小
<size=20>字体大小</size>

举例：

<color=#715f9a>请点击</c><color=#f53e00>下方按钮</c><color=#715f9a>兑换</c><color=#f53e00>金币</c>

组件理解：

max_width：0必须手动换行，否则指定宽度，自动换行。

line_height：行高

image_atlas：富文本要用到的图片的图集

富文本API摘抄自官方d.ts

	/** !#en The RichText Component.
	!#zh 富文本组件 */
	export class RichText extends Component {		
		/** !#en Content string of RichText.
		!#zh 富文本显示的文本内容。 */
		string: string;		
		/** !#en Horizontal Alignment of each line in RichText.
		!#zh 文本内容的水平对齐方式。 */
		horizontalAlign: macro.TextAlignment;		
		/** !#en Font size of RichText.
		!#zh 富文本字体大小。 */
		fontSize: number;		
		/** !#en Custom System font of RichText
		!#zh 富文本定制系统字体 */
		fontFamily: string;		
		/** !#en Custom TTF font of RichText
		!#zh  富文本定制字体 */
		font: TTFFont;		
		/** !#en Whether use system font name or not.
		!#zh 是否使用系统字体。 */
		useSystemFont: boolean;		
		/** !#en The cache mode of label. This mode only supports system fonts.
		!#zh 文本缓存模式, 该模式只支持系统字体。 */
		cacheMode: Label.CacheMode;		
		/** !#en The maximize width of the RichText
		!#zh 富文本的最大宽度 */
		maxWidth: number;		
		/** !#en Line Height of RichText.
		!#zh 富文本行高。 */
		lineHeight: number;		
		/** !#en The image atlas for the img tag. For each src value in the img tag, there should be a valid spriteFrame in the image atlas.
		!#zh 对于 img 标签里面的 src 属性名称，都需要在 imageAtlas 里面找到一个有效的 spriteFrame，否则 img tag 会判定为无效。 */
		imageAtlas: SpriteAtlas;		
		/** !#en
		Once checked, the RichText will block all input events (mouse and touch) within
		the bounding box of the node, preventing the input from penetrating into the underlying node.
		!#zh
		选中此选项后，RichText 将阻止节点边界框中的所有输入事件（鼠标和触摸），从而防止输入事件穿透到底层节点。 */
		handleTouchEvent: boolean;	
	}

整理不易，关注收藏不迷路。

目录：CocosCreator经典笔记_神兽白泽-程序员秘密

笔者qq、微信：1302109196

qq群：415468592

>>>>>

本文链接：https://blog.csdn.net/qq_34790132/article/details/120597032

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

区块链带来的技术创新和变革_区块链到底有何技术创新_CECBC的博客-程序员秘密

史蒂夫•乔布斯(Steve Jobs)曾说过：“生命里的每一个点都会最终连成线。”区块链技术是一个将技术、科学、哲学、政治、经济和宗教融为一体的深层领域。从信任倒无需“信任”信任是人类协作和关系网的基本要素。在过去，我们通常依靠牧师、上帝、教会、国王等第三方来维持信任。如果两个人有纠纷，这些信任提供者会来解决争议。但是随着时间的推移，这些信任提供者变得迟缓、腐败、不公正和费用高，并且成为群众的统治者。人类进化的每个阶段都会有新的信任提供者出现。近现代以来，由民主选举产生的政府、官僚、法官、警察、银行

ABAP语言中如何定义嵌套内表(nested internal table)_banin4739的博客-程序员秘密

下面简单介绍一下如何在abap语言中定义一个嵌套内表(nested internal table)，也就是内表中的一个字段也是内表。1, SE11中定义一个表类型这里找了一个SAP标准的表类型EKKO_TTY&amp;lt;img class="alignnone size-full wp-image-5915" src="http://www.baidusap....

杭电oj2028 c++_杭电oj测试点_结庐境的博客-程序员秘密

题目简介：Problem Description求n个数的最小公倍数。Input输入包含多个测试实例，每个测试实例的开始是一个正整数n，然后是n个正整数。Output为每组测试数据输出它们的最小公倍数，每个测试实例的输出占一行。你可以假设最后的输出是一个32位的整数。Sample Input2 4 63 2 5 7...

一个Java程序员的腾讯面试心得_m0_58397045的博客-程序员秘密

前言再过一周，马上将迎来新的一年，希望大家在2021年“牛气冲天，牛年大吉”，一起迎接春暖花开之时。金三银四马上就到了，很多粉丝朋友私信希望我出一篇面试专题或者分享面试相关的笔记来学习，小编还是相当宠粉的，这不今天就给大家安排上了？（都是干货，错过就是亏。）下面的面试笔记都是精心整理好免费分享给大家的，希望新朋友和老朋友不要吝啬你的赞和转发。自我管理谨言慎行畅销书《影响力》提到，因为影响力的巨大差异，娱乐明星比科学家收入高几万倍。技术经理管理了N个人，影响力就是N倍，如果言行不端，造成的影响

vue时间格式化方法_formatminutes vue_維他命～的博客-程序员秘密

项目场景：在vue 项目中使用elementui中的时间选择器时候，我们拿到时间数据不一定是转换后的格式，这时候就需要将时间格式转换后，再向后台传参、请求直接在methods里定义dateFormat(time) { let date = new Date(time); let year = date.getFullYear(); let month = date.getMonth() + 1 < 10 ? "0"

奥赛一本通C++--T1104计算书费_计算书费c++题目_编程-李老师的博客-程序员秘密

随便推点

java servlet init方法_Servlet详解之两个init方法的作用_一把儿韭菜的博客-程序员秘密

servlet如果要求init中什么都不做，重写init时，需要调用super的init吗？答案是不用，直接init里面什么都不写即可。适用场景：当前servlet继承于A，A继承于httpservlet，A中重写了init，做了些事情，而当前servlet不需要做这些事情，则必须重写当前servlet的方法，里面什么都不写，保证其父类A的init不会被调用。原理：摘自http://blog.cs...

基于深度学习的信息隐藏技术的研究总结（一）_岁月长又长的博客-程序员秘密

信息隐藏技术的学习研究【学习总结】你好！本人关于信息隐藏方面的研究很久了，主要是利用深度学习方面的技术来实现。由于电脑等原因，经常一些总结东西找不到了，所以想通过写博客的方式进行记录，一方面是对学过的东西、技术进行总结，方便以后使用，另一方面有相关方面研究的同学提供一下借鉴。欢迎大家一起交流，不足之处，请大家提出宝贵意见！！！什么是信息隐藏技术？了解信息隐藏技术，首先了解一下它的背景。大家看看就行了。随着网络的普及、信号处理技术和通信手段的飞速发展，存储、处理和传输各种形式的多媒体数据变得越加便捷