HarmonyOS 鸿蒙Next中sys.media下图标的使用

背景知识：

HarmonyOS Symbol 代表了 HarmonyOS 系统图标设计的一次重要演进。它通过简化的图形和直观的语义表达，不仅易于识别，同时融入了更多年轻化的设计理念，使得整体的视觉风格更加年轻和时尚。同时 HarmonyOS Symbol 还具备了字体属性，使其能够与系统字体无缝对接，确保了文本与图标的排版一致性。此外，它能够根据文本的粗细变化进行智能适配，确保了在不同文本粗细下，图标能够灵活适应，保持视觉的连贯性和一致性。

问题解决：

如下代码：

@Entry
@Component
struct ThreadPage {
    @State message: string = 'Hello World';

    build() {
        Column() {

            SymbolGlyph($r("sys.symbol.ohos_arrow_up"))
                .fontSize(26)
                .renderingStrategy(SymbolRenderingStrategy.SINGLE)
                .fontColor([Color.Black,Color.Black,Color.Yellow])

            SymbolGlyph($r("sys.symbol.worldclock"))
                .fontSize(26)
                .renderingStrategy(SymbolRenderingStrategy.SINGLE)
                .fontColor([Color.Black,Color.Black,Color.Yellow])

            SymbolGlyph($r("sys.symbol.worldclock_fill"))
                .fontSize(26)
                .renderingStrategy(SymbolRenderingStrategy.SINGLE)
                .fontColor([Color.Black,Color.Black,Color.Yellow])
        }
        .height('100%')
        .width('100%')
    }
}

以上的图片应该是在下面的网址： https://developer.huawei.com/consumer/cn/design/harmonyos-symbol/

worldclock 、worldclock_fill

测试：

sys.media 路径下图标需遵循 HarmonyOS系统资源命名规范，部分图标可能仅在特定API版本中存在。楼主看下HarmonyOS系统图标库，看看图标名称与API19版本适配性。然后检查是否存在拼写错误 或 资源名称变更。

系统图标推荐通过 SymbolSpan 组件加载，支持动态调整颜色和大小。

Text() {

  SymbolSpan($r('sys.symbol.ohos_trash'))

    .fontSize(48)

    .fontColor(Color.Red)

}