HarmonyOS 鸿蒙Next版本何时发布

HarmonyOS 鸿蒙Next版本何时发布

import measure from ‘@ohos.measure’

/*

• 文本折叠组件
• */ @Component export struct TimeTextCollapseComponent { @Prop rawTitle: string = ‘带宝宝去海边了小家伙们带宝宝去伙们带宝宝去海边了小家伙们小家伙们小家伙们带宝宝去了小家伙们带宝宝去海边’ + ‘了小家伙们带宝宝去伙们带宝宝去海边了小家伙们小家伙们小家伙们带宝宝去了小家伙们带宝宝去海边了’ + ‘小家伙们带宝宝去伙们带宝宝去海边了小家伙们小家伙们小家伙们带宝宝去了小家伙们带宝宝去海边了小家伙’ + ‘们带宝宝去伙们带宝宝去海边了小家伙们小家伙们小家伙们带宝宝去了小家伙们带宝宝去海边了小家伙们’ //标签（夏日出游） @Prop tagText: string = ‘夏日出游’ //段落内容 @State longTitle: string = this.rawTitle //长段落后缀（展开或收起） @State suffixStr: string = “” //展开文字 expanded: boolean = true titleWidth: number = 342 //收起文字 needProcess: boolean = true ellipsis: string = “…” EXPAND_STR: string = " 展开" COLLAPSE_STR: string = " 收起" //最大行数 @Prop maxLine: number = 4; //点击#标签 clickTag: () => void = () => {

}

aboutToAppear(): void { this.process(); }

process(): void { if (this.expanded) { this.collapseText(); } else { this.expandText(); } }

//展开文本 expandText(): void { if (this.needProcess) { this.suffixStr = this.COLLAPSE_STR; this.expanded = true; this.longTitle = this.rawTitle; } }

//收起文本 collapseText(): void { if (!this.needProcess) { return; } let titleSize: SizeOptions = measure.measureTextSize({ textContent: this.rawTitle, constraintWidth: this.titleWidth, fontSize: 14 }) let twoLineSize: SizeOptions = measure.measureTextSize({ textContent: this.rawTitle, constraintWidth: this.titleWidth, fontSize: 14, maxLines: this.maxLine }) //文本未超过限制行数，不进行展开、收起处理 if ((titleSize.height as number) == (twoLineSize.height as number)) { this.needProcess = false; return; }

let clipTitle: string = this.rawTitle
this.suffixStr = this.EXPAND_STR;
while ((titleSize.height as number) > (twoLineSize.height as number)) {
  this.expanded = true;
  // 可以修改其他计算算法提高性能
  clipTitle = clipTitle.substring(0, clipTitle.length - 1);
  titleSize = measure.measureTextSize({
    textContent: clipTitle + this.ellipsis + this.suffixStr,
    constraintWidth: this.titleWidth,
    fontSize: 14
  })
}

this.longTitle = clipTitle + this.ellipsis
this.expanded = false

}

build() { this.newTExtBuilder() }

@Builder newTExtBuilder() { Row() { Text() { Span(#${this.tagText}) .fontSize(14) .fontColor(’#705DD5’) .fontWeight(FontWeight.Medium) .onClick(() => { this.clickTag() }) //Span不支持首行缩进，暂时使用模板字符串代替加空格 Span(${this.longTitle}) .fontSize(14) .lineHeight(26) .fontColor(’#1F1F1F’) if (this.needProcess) { Span(this.suffixStr) .fontColor(’#878787’) .onClick(() => { this.process() }) } } .fontSize(14) .fontColor(’#1F1F1F’) } .margin({ bottom: 2 }) .padding({ left: 12, right: 12 }) .width(‘100%’) } }