Appearance
类: 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
重写了
属性
| 属性 | 类型 | 描述 |
|---|---|---|
| 别名 用于标识/获取组件 示例 ts | |
| 横向布局 0:left 1:center 2:right | |
| 对齐方式 | |
| 竖向布局 0:top 1:center 2:bottom | |
| 对象的透明度 Range 示例 | |
| 背景色 示例 ts | |
| 字体颜色 "" | |
| 字体大小 | |
| 文字间距 | |
| 已被弃用 自v1.3.0起废弃,请使用新的height 设置的文本高度 | |
| 设置获取文本高度 | |
| 首行缩进字符数 | |
| 是否可穿透 默认可穿透 当使用Container创建父子级关系时 需要把自己穿透都打开才能触发到Container的点击事件 | |
| 打字机开关 示例 | |
| 点击后跳过打字机效果(默认),false为点击后继续打字机效果 | |
| 行高 | |
| 0:行间距用倍数,1:行间距用像素值 | |
| 已被弃用 自v1.3.0起废弃,请使用新的 isPenetrable 是否可穿透 默认可穿透 当使用Container创建父子级关系时 需要把自己穿透都打开才能触发到Container的点击事件 | |
| 段间距 | |
| x轴缩放 Range | |
| y轴缩放 Range | |
| 文本内容,文本支持特殊字符转译 示例 1.文本变色 #c[255,255,255]开始 #c[]结束 2.字体大小 #s[30]开始 #s[]结束 3.行对其方式 #p[l] 行左对齐 #p[c] 行居中对齐 #p[r] 右对齐 #p[j] 两端对齐 4.段落对齐 #pa[l]段落左对齐 #pa[c] 居中对齐 #pa[r]右对齐 #pa[j]两端对齐 5.加粗文字 #b[on]开始 #b[off]结束 6.斜体文字 #i[on]开始 #i[off]结束 7.下划线文字 #u[on]开始 #u[off]结束 8.字体描边 #o[255,0,0,3]开始 #o[]结束 前三个是颜色rgb,第四个是宽度 9.换行 #n[1] 参数为换行数 | |
| 字体 | |
| 已被弃用 自v1.3.0起废弃,请使用新的touchEnabled 是否可点击(默认可点击) | |
| 是否可点击(默认可点击) | |
| 打字机时间:当时间为0时 按关闭处理 单位:ms 示例 | |
| 组件是否可见 示例 ts | |
| 已被弃用 自v1.3.0起废弃,请使用新的width 设置的文本宽度 | |
| 设置获取文本宽度 | |
| 对象的全局x坐标 (建议不要频繁设置获取,相较于x比较耗性能) | |
| 对象的全局y坐标 (建议不要频繁设置获取,相较于y比较耗性能) | |
| 对象的x坐标 示例 | |
| 对象的y坐标 示例 | |
| 对象的层级 示例 | |
| 縮放中心点x 默认为0 Range | |
| 縮放中心点y 默认为0 Range | |
| 缩放类型 0.自动换行 1.缩小字号 2.截断并补充省略号 3.直接截断 | |
| x轴缩放 Range | |
| 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)继承自
addEffect()
addEffect(
effect):void
添加按钮特效
参数
effect
返回
void
继承自
click()
click(
fn):any
参数
fn
Function
返回
any
已被弃用
自v1.3.0起废弃,请使用新的onClick 点击行为
示例
ts
let img = new LM.ImgView()
// 为这张图片注册了点击事件
img.click(
() => {
console.log("点击了改控件")
}
)继承自
dispose()
dispose():
void
销毁组件
返回
void
继承自
getParent()
getParent():
UIBaseView
获取父级
返回
继承自
getSaveData()
getSaveData():
any
获取组件的存档信息
返回
any
继承自
onClick()
onClick(
fn):any
点击行为
参数
fn
Function
返回
any
示例
ts
let img = new LM.ImgView()
// 为这张图片注册了点击事件
img.onClick(
() => {
console.log("点击了改控件")
}
)继承自
onTouchCancel()
onTouchCancel(
fn):any
鼠标移出
参数
fn
Function
返回
any
示例
ts
let img = new LM.ImgView()
// 注册了移出事件
img.touchOut(()=>{console.log("移出")})继承自
onTouchDown()
onTouchDown(
fn):any
按下行为
参数
fn
Function
返回
any
示例
ts
let text = new LM.TextView()
// 注册了按下事件
text.onTouchDown(()=>{console.log("按下")})继承自
onTouchMove()
onTouchMove(
fn):any
鼠标移动行为
参数
fn
Function
返回
any
示例
ts
let text = new LM.TextView()
// 注册了移动事件
text.onTouchMove(()=>{console.log("移动了")})继承自
onTouchUp()
onTouchUp(
fn):any
抬起行为
参数
fn
Function
返回
any
示例
ts
let img = new LM.ImgView()
// 注册了抬起事件
img.onTouchUp(()=>{console.log("抬起")})继承自
removeFromParent()
removeFromParent():
void
从父级移除
返回
void
继承自
setOnTypingCompleteListener()
setOnTypingCompleteListener(
listener):void
参数
listener
Function
打字机完成监听事件
返回
void
示例
ts
this.textView.setOnTypingCompleteListener(()=>{
console.log("打字机完成")
})继承自
TextView.setOnTypingCompleteListener
showAllText()
showAllText():
void
立刻刷新绘制文本(经常使用会导致性能降低,正常情况下文本设置属性后会在下一帧进行刷新)
返回
void
示例
ts
this.textView.showAllText();继承自
touchCancel()
touchCancel(
fn):any
参数
fn
Function
返回
any
已被弃用
自v1.3.0起废弃,请使用新的onTouchCancel 鼠标移出
示例
ts
let img = new LM.ImgView()
// 注册了移出事件
img.touchOut(()=>{console.log("移出")})继承自
touchDown()
touchDown(
fn):any
参数
fn
Function
返回
any
已被弃用
自v1.3.0起废弃,请使用新的onTouchDown 按下行为
示例
ts
let text = new LM.TextView()
// 注册了按下事件
text.touchDown(()=>{console.log("按下")})继承自
touchMove()
touchMove(
fn):any
参数
fn
Function
返回
any
已被弃用
自v1.3.0起废弃,请使用新的onTouchMove 鼠标移动行为
示例
ts
let text = new LM.TextView()
// 注册了移动事件
text.touchMove(()=>{console.log("移动了")})继承自
touchUp()
touchUp(
fn):any
参数
fn
Function
返回
any
已被弃用
自v1.3.0起废弃,请使用新的onTouchUp 抬起行为
示例
ts
let img = new LM.ImgView()
// 注册了抬起事件
img.touchUp(()=>{console.log("抬起")})