Lines Matching refs:animValue
42 …tionElement组件,并且定义pageTransition方法。给Clomn组件添加opacity、scale、rotate属性,定义变量animValue用来控制Clomn组件的动效,在P…
228 * 定义变量animValue用来,通过animValue值得变化来控制Column组件的动效。
232 animValue值实时变化,0 --> 1,从而渲染 入场时淡入、放大以及顺时针旋转效果。
235 animValue值实时变化,1 --> 0,从而渲染 出场时淡出、缩小以及逆时针旋转效果。
245 @State animValue: number = 1;
257 .opacity(this.animValue)
259 .scale({ x: this.animValue, y: this.animValue })
263 angle: 360 * this.animValue
272 // 入场动效过程中,实时更新this.animValue的值
273 this.animValue = progress
278 // 入场动效过程中,实时更新this.animValue的值
279 this.animValue = 1 - progress
730 @State animValue: number = 1;
741 .opacity(this.animValue)
743 .scale({ x: this.animValue, y: this.animValue })
747 angle: 360 * this.animValue
755 // 入场动效过程中,实时更新this.animValue的值
756 this.animValue = progress
761 // 入场动效过程中,实时更新this.animValue的值
762 this.animValue = 1 - progress