【HarmonyOS NEXT】示例代码-文字特效合集

介绍

本示例基于Text组件及通用属性实现多种文字特效。

效果预览

文字渐变效果	歌词滚动效果	文字倒影效果	跑马灯效果

使用说明

1. 启动应用，查看多种文字特效，包含文字渐变、歌词滚动、文字倒影、跑马灯渐变等效果。

工程目录

解释├──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              // 应用静态资源目录

具体实现

1. 文字渐变效果通过blendMode混合属性及linearGradient线性渐变属性实现。

2. 歌词滚动效果使用blendMode混合属性及linearGradient线性渐变属性及显式动画实现。

3. 文字倒影效果使用rotate旋转属性及linearGradient线性渐变属性实现。

4. 跑马灯渐变效果使用Text组件textOverflow超长文本显示属性及linearGradient线性渐变属性实现。

相关权限

不涉及

更多详情参考：示例代码