HarmonyOS Text添加动画效果与预期不符
Text添加动画效果与预期不符,点击Text宽度变小时文字显示不全。
@Component
export struct AnimationToPage {
@State flag: boolean = true;
@State _width: Length = 200;
@State widthSize: number = 250
@State heightSize: number = 100
build() {
Column() {
Text("宽度变大变小宽度变大变小宽度变大变小")
.fontSize(18)
.height(30)
.width(this._width)
.onClick(() => {
animateTo({
duration: 3000,
curve: Curve.Linear,
playMode: PlayMode.Normal,
onFinish: () => {
console.info('play end')
}
}, () => {
this._width = this.flag ? 50 : 200
this.flag = !this.flag;
})
})
.backgroundColor("red")
.maxLines(1)
.clip(true)
}
.height("100%")
.width("100%")
}
}
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
HarmonyOS
赞
收藏 0
回答 1
相关问题
HarmonyOS BlendMode显示效果不符合预期
835浏览 • 1回复 待解决
HarmonyOS 轨迹线样式和预期不符
656浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何设置动画的过渡效果与速度?
1094浏览 • 1回复 待解决
点击事件冒泡不符合预期
1373浏览 • 1回复 待解决
HarmonyOS TextTimer超过60s显示不符合预期
622浏览 • 1回复 待解决
HarmonyOS LazyForEach中listItem添加动画效果
814浏览 • 1回复 待解决
RichText组件font标签size属性不符合预期
2681浏览 • 1回复 待解决
HarmonyOS 如何使用Polyline组件添加动画效果
695浏览 • 1回复 待解决
HarmonyOS 使用相对布局时,布局结果与预期不一致
884浏览 • 1回复 待解决
相对布局RelativeContainer,当子组件设置了margin时,居中效果不符合预期
2928浏览 • 1回复 待解决
相对布局RelativeContainer,当子组件设置了margin时居中效果不符合预期
3240浏览 • 1回复 待解决
HarmonyOS grid拖拽效果如何添加动画
922浏览 • 1回复 待解决
HarmonyOS 单例执行了两次构造方法,与预期不符
533浏览 • 1回复 待解决
HarmonyOS TextOverflow.Clip 未达到预期效果
639浏览 • 1回复 待解决
HarmonyOS RenderNode指定pivot后设置rotation,scale,结果不符合预期
791浏览 • 1回复 待解决
HarmonyOS List 组件头部插入数据的默认行为不符合预期
652浏览 • 1回复 待解决
HarmonyOS webview加载链接样式预期效果不对
424浏览 • 1回复 待解决
HarmonyOS text组件文本中有表情包时,没填满就截断了,截断位置不符合预期;如果是纯文本就是正常的
778浏览 • 1回复 待解决
HarmonyOS 动画效果+手势
740浏览 • 1回复 待解决
HarmonyOS List动画效果
784浏览 • 1回复 待解决
HarmonyOS 列表List删除某一项的时候,如何添加动画效果
740浏览 • 1回复 待解决
HarmonyOS 列表动画效果
853浏览 • 1回复 待解决
HarmonyOS 旋转动画效果
706浏览 • 1回复 待解决
HarmonyOS 动画效果实现
1032浏览 • 1回复 待解决
HarmonyOS Text跑马灯效果问题
527浏览 • 1回复 待解决
请参考示例如下: