HarmonyOS 鸿蒙Next富文本展示

HarmonyOS 鸿蒙Next富文本展示

富文本展示

测试版本1 测试版本1测试版本1
2 回复

我昨天刚试了富文本,跟你情况一样，最后用了Web先把功能做出来，虽然Web可以设置自适应,但是我发现刚打开那下高度还是很大的，不过随后就好了。不行找找三方库,看有适配的没

更多关于HarmonyOS 鸿蒙Next富文本展示的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS（鸿蒙Next）中，富文本展示通常使用Text组件结合Span组件来实现。Span提供了多种样式和功能，如字体颜色、背景色、字体大小、点击事件等。以下是一个简单的示例代码，展示如何在鸿蒙Next中实现富文本展示：

@Entry
@Component
struct RichTextExample {
  build() {
    Column() {
      Text() {
        Span('这是红色文本')
          .fontColor(Color.Red)
          .fontSize(20);
        Span('这是蓝色文本')
          .fontColor(Color.Blue)
          .fontSize(15);
        Span('这是带下划线的文本')
          .fontColor(Color.Green)
          .textDecoration(TextDecorationType.Underline);
      }
      .fontSize(18)
      .textAlign(TextAlignment.Center)
      .margin({ top: 20 });
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}

在这个示例中，Text组件包含了多个Span组件，每个Span可以设置不同的字体颜色、大小和下划线样式。Text组件本身也支持设置字体大小、对齐方式等属性。通过这种方式，可以实现复杂的富文本展示效果。

回到顶部