HarmonyOS應(yīng)用開發(fā)-TS動畫插值計算體驗

1、蛟龍騰飛學(xué)習(xí)分享材料 HarmonyOS應(yīng)用開發(fā)-TS動畫插值計算體驗 說明：從 API Version 7 開始支持。后續(xù)版本如有新增內(nèi)容，則采用上角標(biāo)單獨標(biāo)記該內(nèi)容的起始版本。導(dǎo)入模塊：import curves from ohos.curvescurves.initinit(curve?: Curve): Object插值曲線的初始化函數(shù)，可以根據(jù)入?yún)?chuàng)建一個插值曲線對象。參數(shù)：參數(shù)名類型必填默認(rèn)值說明curveCurve否Linear曲線對象返回值：曲線對象Object。curves.stepssteps(count: number, end: boolean): Object構(gòu)造階梯

2、曲線對象。參數(shù)：參數(shù)名類型必填默認(rèn)值說明countnumber是-階梯的數(shù)量，需要為正整數(shù)。endboolean否true在每個間隔的起點或是終點發(fā)生階躍變化 ，默認(rèn)值為true，即在終點發(fā)生階躍變化。返回值：曲線對象Object。curves.cubicBeziercubicBezier(x1: number, y1: number, x2: number, y2: number): Object構(gòu)造三階貝塞爾曲線對象，曲線的值必須處于0-1之間。參數(shù)：參數(shù)名類型必填說明參數(shù)名x1number是確定貝塞爾曲線第一點橫坐標(biāo)。x1y1number是確定貝塞爾曲線第一點縱坐標(biāo)。y1x2number

3、是確定貝塞爾曲線第二點橫坐標(biāo)。x2返回值：曲線對象Object。curves.springspring(velocity: number, mass: number, stiffness: number, damping: number): Object構(gòu)造彈簧曲線對象。參數(shù)：參數(shù)名類型必填說明參數(shù)名velocitynumber是初始速度。velocitymassnumber是質(zhì)量。massstiffnessnumber是剛度。stiffnessdampingnumber是阻尼。damping返回值：曲線對象Object。示例：import Curves from ohos.curvesEnt

4、ryComponentstruct ImageComponent State widthSize: number = 200 State heightSize: number = 200 build() Column() Text() .margin(top:100) .width(this.widthSize) .height(this.heightSize) .backgroundColor(Color.Red) .onClick()= let curve = Curves.cubicBezier(0.25, 0.1, 0.25, 1.0); this.widthSize = erpolate(0.5) * this.widthSize; this.heightSize = erpolate(0.5) * this.heightSize; ) .animation(duration: 2000 , cur