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

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

智能推荐

【PTA L2-007】家庭房产_丶Xylon的博客-程序员秘密

L2-007 家庭房产（25 分）给定每个人的家庭成员和其自己名下的房产，请你统计出每个家庭的人口数、人均房产面积及房产套数。输入格式：输入第一行给出一个正整数N（≤1000），随后N行，每行按下列格式给出一个人的房产：编号父母 k 孩子1 ... 孩子k 房产套数总面积其中编号是每个人独有的一个4位数的...

GLES2.0中文API-glGetVertexAttrib_flycatdeng的博客-程序员秘密

名称glGetVertexAttrib - 返回通用顶点属性参数C规范void glGetVertexAttribfv( GLuint index, GLenum pname, GLfloat *params);void glGetVertexAttribiv( GLuint index, GLenum pname, GLint *...

微信小程序设置background-image报错_298ms error loading background-image_undefined_404的博客-程序员秘密

微信小程序设置 background-img 报错微信小程序设置背景图片是会报错提示必须使用网络资源或者 base64解决办法1 把图片转换为base64格式（base64图片转换）把右边生成的base64编码放到url中就可以...

InfluxDB 内存消耗分析及性能优化_influxdb内存占用过高_钟艾伶的博客-程序员秘密

cardinality反应了series的维度，即不同的series的数量。序列基数是影响内存（RAM）使用量的主要因素。

序列密码的加密解密_当当和嘟嘟的博客-程序员秘密

序列密码加密代码：解密代码：输入一串字符串，利用产生的随机序列对字符串的每个字符逐个逐比特异或，产生的数，ASCII值变为对应的字符。加密代码：package com.jingfei.Encryptoin.com.jingfei.xulie;import java.math.BigInteger;import java.util.Scanner;public class XuLie...

QDialog在hide()之后，就被销毁的原因_冷月醉雪的博客-程序员秘密

一路跟踪源码，关键就是这两句：int QDialog::exec(){ Q_D(QDialog); if (d-&gt;eventLoop) { qWarning("QDialog::exec: Recursive call detected"); return -1; } bool deleteOnClose = tes...