Skip to content

类: RichTextView

富文本 相对于普通文本如果文字超过行,则会出现滚动条

示例

ts
同 TextView
 const richTextView = new LM.RichTextView()
   richTextView.text = "你好121212121212121212121"
   richTextView.fontColor = "#FFFFFF"
   richTextView.fontSize = 28
   richTextView.w = 100
   richTextView.h = 100

继承

构造函数

构造函数

new RichTextView(params?): RichTextView

参数

params?

any

返回

RichTextView

重写了

TextView.constructor

属性

属性类型描述

alias

string

别名 用于标识/获取组件

示例

ts
let img = new LM.ImgView()
// 给控件起一个名字
img.alias = "img01"

alignHorizontal

string | number

横向布局 0:left 1:center 2:right

alignment

string

对齐方式

alignVertical

string | number

竖向布局 0:top 1:center 2:bottom

alpha

number

对象的透明度

Range

示例

let img = new LM.ImgView()
// 修改透明度
img.alpha = 100

backgroundColor

string

背景色

示例

ts
let img = new LM.ImgView()
// 修改控件的背景色
img.backgroundColor = "#FF0000"

fontColor

string

字体颜色 ""

fontSize

number

字体大小

fontSpace

number

文字间距

h

number

已被弃用

自v1.3.0起废弃,请使用新的height 设置的文本高度

height

number

设置获取文本高度

indentation

number

首行缩进字符数

isPenetrable

boolean

是否可穿透 默认可穿透 当使用Container创建父子级关系时 需要把自己穿透都打开才能触发到Container的点击事件

isType

boolean

打字机开关

示例

const t = new LM.TextView();
t.isType = true;
t.typeTime = 100;

isTypingSkipOnClick

boolean

点击后跳过打字机效果(默认),false为点击后继续打字机效果

lineHeight

number

行高

lineHeightType

number

0:行间距用倍数,1:行间距用像素值

mouseThrough

boolean

已被弃用

自v1.3.0起废弃,请使用新的 isPenetrable 是否可穿透 默认可穿透 当使用Container创建父子级关系时 需要把自己穿透都打开才能触发到Container的点击事件

paragraphHeight

number

段间距

scaleX

number

x轴缩放

Range

scaleY

number

y轴缩放

Range

text

string

文本内容,文本支持特殊字符转译

示例

1.文本变色 #c[255,255,255]开始 #c[]结束

text.text = "#c[255,0,0]我是红色的文字#c[]我恢复原本颜色"

2.字体大小 #s[30]开始 #s[]结束

text.text = "#s[30]我是30号的文字#s[]我恢复原本字体大小"

3.行对其方式 #p[l] 行左对齐 #p[c] 行居中对齐 #p[r] 右对齐 #p[j] 两端对齐

text.text = "#p[c]我是中对齐的文字#p[] \n我是第二行文字 我是左对齐"

4.段落对齐 #pa[l]段落左对齐 #pa[c] 居中对齐 #pa[r]右对齐 #pa[j]两端对齐

text.text = "#pa[c]我是段落居中对齐的文字#pa[]\n        我是第二行文字 我是左对齐"

5.加粗文字 #b[on]开始 #b[off]结束

text.text = "#b[on]我是加粗的文字#b[off]我不是加粗的文字"

6.斜体文字 #i[on]开始 #i[off]结束

text.text = "#i[on]我是斜体文字#i[off]我不是斜体"

7.下划线文字 #u[on]开始 #u[off]结束

text.text = "#u[on]我是下划线文字#u[off]我不是下划线"

8.字体描边 #o[255,0,0,3]开始 #o[]结束 前三个是颜色rgb,第四个是宽度

text.text = "#o[255,0,0,3]我是描边的文字#o[]我不是描边"

9.换行 #n[1] 参数为换行数

text.text = "我是第一行文字#n[1]我是第二行文字"

textFamily

string

字体

touchEable

boolean

已被弃用

自v1.3.0起废弃,请使用新的touchEnabled 是否可点击(默认可点击)

touchEnabled

boolean

是否可点击(默认可点击)

typeTime

number

打字机时间:当时间为0时 按关闭处理 单位:ms

示例

const t = new LM.TextView();
t.isType = true;
t.typeTime = 100;

visible

boolean

组件是否可见

示例

ts
let img = new LM.ImgView()
// 隐藏该控件
img.visible = false

w

number

已被弃用

自v1.3.0起废弃,请使用新的width 设置的文本宽度

width

number

设置获取文本宽度

worldX

number

对象的全局x坐标 (建议不要频繁设置获取,相较于x比较耗性能)

worldY

number

对象的全局y坐标 (建议不要频繁设置获取,相较于y比较耗性能)

x

number

对象的x坐标

示例

obj.x = 100

y

number

对象的y坐标

示例

obj.y = 100

z

number

对象的层级

示例

let img = new LM.ImgView()
this.addChild(img) //注意:需要先添加到父容器后再设置层级,否则层级设置无效。
img.z = 100

zoomCenterX

number

縮放中心点x 默认为0

Range

zoomCenterY

number

縮放中心点y 默认为0

Range

zoomType

0 | 1 | 2 | 3

缩放类型 0.自动换行 1.缩小字号 2.截断并补充省略号 3.直接截断

zoomX

number

x轴缩放

Range

zoomY

number

y轴缩放

Range

方法

addChild()

addChild<T>(child): void

添加一个子对象

类型参数

T

T extends UIBaseView

参数

child

T

返回

void

示例

ts
// 声明一张图片
let img = new LM.ImgView()
// 设置图片的路劲
img.src = "ui/bg.png"
// 添加到当前容器中
this.addChild(img)

继承自

TextView.addChild


addEffect()

addEffect(effect): void

添加按钮特效

参数

effect

BaseEffect

返回

void

继承自

TextView.addEffect


click()

click(fn): any

参数

fn

Function

返回

any

已被弃用

自v1.3.0起废弃,请使用新的onClick 点击行为

示例

ts
let img = new LM.ImgView()
// 为这张图片注册了点击事件
img.click( 
   () => {
     console.log("点击了改控件")
   }
)

继承自

TextView.click


dispose()

dispose(): void

销毁组件

返回

void

继承自

TextView.dispose


getParent()

getParent(): UIBaseView

获取父级

返回

UIBaseView

继承自

TextView.getParent


getSaveData()

getSaveData(): any

获取组件的存档信息

返回

any

继承自

TextView.getSaveData


onClick()

onClick(fn): any

点击行为

参数

fn

Function

返回

any

示例

ts
let img = new LM.ImgView()
// 为这张图片注册了点击事件
img.onClick( 
   () => {
     console.log("点击了改控件")
   }
)

继承自

TextView.onClick


onTouchCancel()

onTouchCancel(fn): any

鼠标移出

参数

fn

Function

返回

any

示例

ts
let img = new LM.ImgView()
// 注册了移出事件
img.touchOut(()=>{console.log("移出")})

继承自

TextView.onTouchCancel


onTouchDown()

onTouchDown(fn): any

按下行为

参数

fn

Function

返回

any

示例

ts
let text = new LM.TextView()
// 注册了按下事件
text.onTouchDown(()=>{console.log("按下")})

继承自

TextView.onTouchDown


onTouchMove()

onTouchMove(fn): any

鼠标移动行为

参数

fn

Function

返回

any

示例

ts
let text = new LM.TextView()
// 注册了移动事件
text.onTouchMove(()=>{console.log("移动了")})

继承自

TextView.onTouchMove


onTouchUp()

onTouchUp(fn): any

抬起行为

参数

fn

Function

返回

any

示例

ts
let img = new LM.ImgView()
// 注册了抬起事件
img.onTouchUp(()=>{console.log("抬起")})

继承自

TextView.onTouchUp


removeFromParent()

removeFromParent(): void

从父级移除

返回

void

继承自

TextView.removeFromParent


setOnTypingCompleteListener()

setOnTypingCompleteListener(listener): void

参数

listener

Function

打字机完成监听事件

返回

void

示例

ts
this.textView.setOnTypingCompleteListener(()=>{
    console.log("打字机完成")
})

继承自

TextView.setOnTypingCompleteListener


showAllText()

showAllText(): void

立刻刷新绘制文本(经常使用会导致性能降低,正常情况下文本设置属性后会在下一帧进行刷新)

返回

void

示例

ts
this.textView.showAllText();

继承自

TextView.showAllText


touchCancel()

touchCancel(fn): any

参数

fn

Function

返回

any

已被弃用

自v1.3.0起废弃,请使用新的onTouchCancel 鼠标移出

示例

ts
let img = new LM.ImgView()
// 注册了移出事件
img.touchOut(()=>{console.log("移出")})

继承自

TextView.touchCancel


touchDown()

touchDown(fn): any

参数

fn

Function

返回

any

已被弃用

自v1.3.0起废弃,请使用新的onTouchDown 按下行为

示例

ts
let text = new LM.TextView()
// 注册了按下事件
text.touchDown(()=>{console.log("按下")})

继承自

TextView.touchDown


touchMove()

touchMove(fn): any

参数

fn

Function

返回

any

已被弃用

自v1.3.0起废弃,请使用新的onTouchMove 鼠标移动行为

示例

ts
let text = new LM.TextView()
// 注册了移动事件
text.touchMove(()=>{console.log("移动了")})

继承自

TextView.touchMove


touchUp()

touchUp(fn): any

参数

fn

Function

返回

any

已被弃用

自v1.3.0起废弃,请使用新的onTouchUp 抬起行为

示例

ts
let img = new LM.ImgView()
// 注册了抬起事件
img.touchUp(()=>{console.log("抬起")})

继承自

TextView.touchUp