Roson的Qt之旅#42 QML路径动画PathAnimation

分手后的思念是犯贱 2022-08-28 10:40 149阅读 0赞

# 1.继承关系 #

父类：Animation

子类：无

# 2.综述 #

在transition中使用时，可以指定路径而不指定起点或终点，例如：

PathAnimation {
          path: Path {
              //no startX, startY
              PathCurve { x: 100; y: 100}
              PathCurve {}    //last element is empty with no end point specified
          }
      }

在上面的例子中，路径start将是项目的当前位置，路径end将是项目在目标状态中的目标位置.

更多信息参见 Animation and Transitions in Qt Quick and PathInterpolator.

# 3.数据成员 #

##    3.1 anchorPoint : point ##

此属性保存正在动画的项目的定位点。  
默认情况下，目标的左上角(0,0点)将被锚定在(或跟随)路径上。可以使用anchorPoint属性指定不同的锚定点。例如，为10x10项指定锚点(5,5)，意味着该项的中心将沿着该路径。

## 3.2 duration : int ##

此属性保存动画的持续时间，以毫秒为单位。  
缺省值是250。

easing group  
easing.type : enumeration  
easing.amplitude : real  
easing.bezierCurve : list<real>  
easing.overshoot : real  
easing.period : real

用于动画的缓和曲线。  
要指定缓和曲线，至少需要指定类型。对于一些曲线，你也可以指定振幅，周期，超调或自定义贝塞尔曲线数据。默认的缓动曲线是Easing.Linear。  
关于更多不同类型的缓动曲线的信息，请查阅PropertyAnimation::easing.type。

## 3.3 endRotation : real ##

此属性保存目标的结束旋转。  
如果已经为PathAnimation指定了方向，并且路径没有以期望的旋转结束，endRotation属性可用于手动指定结束旋转。  
这个属性通常与orientationExitDuration一起使用，因为指定一个没有orientationExitDuration的endRotation可能会导致跳转到最后的旋转，而不是平滑的过渡。

## 3.4 orientation : enumeration ##

当项目沿路径动画时，此属性控制项目的旋转。  
如果指定的值不是Fixed，则PathAnimation将在项目沿路径移动时旋转项目以达到指定的方向。  
PathAnimation.Fixed (default) - PathAnimation不会控制物品的旋转.  
PathAnimation.RightFirst - item的右侧将沿着路径引导.  
PathAnimation.LeftFirst - item的左侧将沿着路径引导.  
PathAnimation.BottomFirst - item的底部将沿着路径引导.  
PathAnimation.TopFirst - item的顶部将沿着路径引导.

## 3.5 orientationEntryDuration : real ##

此属性保存到方向转换的持续时间(以毫秒为单位)。  
如果已经为PathAnimation指定了一个方向，并且项目的开始旋转与该方向给出的旋转不匹配，则可以使用orientationEntryDuration平滑地从项目的开始旋转过渡到路径方向给出的旋转。

## 3.6 orientationExitDuration : real ##

此属性保存方向外转换的持续时间(以毫秒为单位)。  
如果已经为PathAnimation指定了一个orientation和endRotation, orientationExitDuration可以用来平稳地从路径方向给出的旋转过渡到指定的endRotation。

## 3.7 path : Path ##

This property holds the path to animate along.  
For more information on defining a path see the Path documentation.

此属性保存动画的路径。  
有关定义路径的更多信息，请查阅path。

## 3.8 target : Item ##

此属性保存要动画的项目。