示例代码合集地址:
HarmonyOS示例代码-鸿蒙系统示例代码-华为开发者联盟 (huawei.com)
代码工程地址:
TextEffects: 本示例基于Text组件及通用属性实现多种文字特效。 (gitee.com)
文字特效合集
介绍
本示例基于Text组件及通用属性实现多种文字特效。
效果预览
文字渐变效果 | 歌词滚动效果 | 文字倒影效果 | 跑马灯效果 |
---|---|---|---|
使用说明
- 启动应用,查看多种文字特效,包含文字渐变、歌词滚动、文字倒影、跑马灯渐变等效果。
工程目录
├──entry/src/main/ets/
│ ├──constants
│ │ └──Constants.ets // 公共常量类
│ ├──entryability
│ │ └──EntryAbility.ets // 程序入口类
│ ├──page
│ │ └──Index.ets // 首页
│ └──view
│ ├──TextGradientView.ets // 文字渐变
│ ├──TextMarqueeView.ets // 跑马灯渐变
│ ├──TextReflectionView.ets // 文字倒影
│ └──TextScrollingView.ets // 歌词滚动
└──entry/src/main/resource // 应用静态资源目录
具体实现
- 文字渐变效果通过blendMode混合属性及linearGradient线性渐变属性实现。
- 歌词滚动效果使用blendMode混合属性及linearGradient线性渐变属性及显式动画实现。
- 文字倒影效果使用rotate旋转属性及linearGradient线性渐变属性实现。
- 跑马灯渐变效果使用Text组件textOverflow超长文本显示属性及linearGradient线性渐变属性实现。
相关权限
不涉及
约束与限制
-
本示例仅支持标准系统上运行,支持设备:华为手机。
-
HarmonyOS系统:HarmonyOS NEXT Developer Beta1及以上。
-
DevEco Studio版本:DevEco Studio NEXT Developer Beta1及以上。
-
HarmonyOS SDK版本:HarmonyOS NEXT Developer Beta1 SDK及以上。