HarmonyOS 鸿蒙Next中如何自由声明TEXT文本样式？

HarmonyOS 鸿蒙Next中如何自由声明TEXT文本样式？ 如何自由声明TEXT文本样式？让文本显示像对联一样自上而下或自下而上的显示？

cke_153.png


更多关于HarmonyOS 鸿蒙Next中如何自由声明TEXT文本样式？的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

可以通过设置Text组件宽度width与字号一致的方式实现。

Text(this.message)
        .fontSize(13)
        .width(13)

更多关于HarmonyOS 鸿蒙Next中如何自由声明TEXT文本样式？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


设置Text组件宽度width与字号一致的方式实现，就是让Text自己进行换行

https://developer.huawei.com/consumer/cn/doc/architecture-guides/convenient-life-v1_2-ts_33-0000002337898788

行业解决方案中有的

在HarmonyOS Next中，使用ArkUI的声明式语法自定义Text样式：直接设置属性如fontSize、fontWeight、fontColor、fontFamily，或通过@Styles/@Extend定义复用样式块。也可用Text({ content: '文本', font: { size: 24, weight: FontWeight.Bold } })。不支持Java/C。

在HarmonyOS Next中，通过设置 Text 组件的 writingMode 属性即可实现对联式的竖排文本。WritingMode.VerticalRl 表示文本自上而下、从右向左排列，符合传统对联阅读方向；WritingMode.VerticalLr 则自上而下、从左向右排列。如需自下而上的显示，内置属性暂不直接支持，可借助 rotate 变换或自定义组件实现方向反转。若需更精细的样式控制，可配合 .textAlign、.lineHeight 等完成排版。

回到顶部