#鸿蒙通关秘籍#如何使用动画效果实现投票后的选项宽度动态变化？

animateParam: AnimateParam = {
  duration: Constants.ANIMATE_DURATION,
  curve: Curve.EaseOut
}
1.
2.
3.
4.

changeState(option: string) {
  this.isClick = true;
  this.notice = '已选择"' + option + '"';
  this.fillOpacity = Constants.END_FILL_OPACITY;
  const leftOptionPercent: number = this.leftOptionChoose / (this.leftOptionChoose + this.rightOptionChoose) * Constants.PERCENTAGE;

  animateTo(this.animateParam, () => {
    this.leftOptionWidth = leftOptionPercent.toFixed(0) + '%';
    this.rightOptionWidth = (Constants.PERCENTAGE - leftOptionPercent).toFixed(0) + '%';
    this.points = Constants.END_POINTS;
  });
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.