Home
last modified time | relevance | path

Searched refs:curves (Results 1 – 25 of 103) sorted by relevance

12345

/ohos5.0/docs/zh-cn/third-party-cases/
H A Dhow-to-develop-spring-animation.md51 2. 为springCurve按钮添加curves.springCurve的曲线动画。
66 // 设定curves.springCurve为动画曲线
86 3. 为springMotion按钮添加curves.springMotion曲线动画。
104 //设定curves.springMotion为动画曲线
130 4. 使用curves.responsiveSpringMotion为笑脸图像添加拖拽动画。
145 curve: curves.springMotion(),
178 import curves from '@ohos.curves';
203 // 设定curves.springCurve为动画曲线
220 //设定curves.springMotion为动画曲线
221 curve: curves.springMotion(0.5, 0.5),
[all …]
/ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/
H A Djs-apis-curve.md1 # @ohos.curves (插值计算)
13 import { curves } from '@kit.ArkUI';
66 import { curves } from '@kit.ArkUI';
97 import { curves } from '@kit.ArkUI';
131 import { curves } from '@kit.ArkUI';
165 import { curves } from '@kit.ArkUI';
198 import { curves } from '@kit.ArkUI'
233 import { curves } from '@kit.ArkUI'
265 import { curves } from '@kit.ArkUI'
294 import { curves } from '@kit.ArkUI'
[all …]
/ohos5.0/docs/zh-cn/release-notes/api-diff/v3.2-beta2/
H A Djs-apidiff-arkui.md150 | ohos.curves | curves | function springCurve(velocity: number, mass: number, stiffness: number, da…
151 | ohos.curves | curves | function cubicBezierCurve(x1: number, y1: number, x2: number, y2: number):…
152 | ohos.curves | curves | function stepsCurve(count: number, end: boolean): ICurve; | 新增 |
153 | ohos.curves | curves | function initCurve(curve?: Curve): ICurve; | 新增 |
154 | ohos.curves | ICurve | interpolate(fraction : number) : number; | 新增 |
163 | ohos.curves | curves | function spring(velocity: number, mass: number, stiffness: number, damping…
164 | ohos.curves | curves | function cubicBezier(x1: number, y1: number, x2: number, y2: number): stri…
165 | ohos.curves | curves | function steps(count: number, end: boolean): string; | 废弃 |
166 | ohos.curves | curves | function init(curve?: Curve): string; | 废弃 |
/ohos5.0/docs/en/application-dev/ui/
H A Darkts-curve-overview.md3 …r's intent, and consistent with the real world. When designing animation curves for your animation…
5 Animation curves can be classified into physics-based curves (ArkUI provides multiple physics-based…
H A Darkts-traditional-curve.md3 …curves are mathematically described curves. A typical representative is the cubic Bezier curve. Yo…
6 ArkUI provides APIs for traditional curves such as Bezier and step curves. For details, see [Interp…
H A Darkts-spring-curve.md46 The following shows a complete example and effect of spring curves. For details about how to connec…
54 import { curves } from '@kit.ArkUI';
111 new Spring('springMotion', 'Cycle: 1, damping: 0.25', curves.springMotion(1, 0.25)),
112 …new Spring('responsive' + '\n' + 'SpringMotion', 'Responsive spring curve', curves.responsiveSprin…
113 …pring', 'Initial velocity: 10; quality: 1; stiffness: 228; damping: 30', curves.interpolatingSprin…
114 …Curve', 'Initial velocity: 10; quality: 1; stiffness: 228; damping: 30', curves.springCurve(10, 1,…
H A Darkts-animation-smoothing.md11 import { curves } from '@kit.ArkUI';
38 .animation({ curve: curves.springMotion(0.4, 0.8) })
69 import { curves } from '@kit.ArkUI';
92 this.getUIContext()?.animateTo({ curve: curves.responsiveSpringMotion() }, () => {
100 this.getUIContext()?.animateTo({ curve: curves.springMotion() }, () => {
H A Darkts-attribute-animation-apis.md26 import { curves } from '@kit.ArkUI';
50 this.getUIContext()?.animateTo({ curve: curves.springMotion() }, () => {
91 import { curves } from '@kit.ArkUI';
111 .animation({ curve: curves.springMotion() })
139 .animation({ curve: curves.springMotion() })
H A Darkts-enter-exit-transition.md31 ….combine(TransitionEffect.scale({ x: 0, y: 0 }).animation({ curve: curves.springMotion(0.6, 1.2) }…
37 … .combine(TransitionEffect.move(TransitionEdge.END)).animation({curve: curves.springMotion()}))
61 animateTo({ curve: curves.springMotion() }, () => {
73 import { curves } from '@kit.ArkUI';
83 TransitionEffect.OPACITY.animation({ curve: curves.springMotion(0.6, 0.8) })
89 .combine(TransitionEffect.translate({ y: 150 }).animation({ curve: curves.springMotion() }))
H A Darkts-animation.md21 …rience may suffer. Therefore, animation parameters, especially animation curves, must be well desi…
33 … appear and disappear. To maintain animation consistency, some animation curves have been built in…
39 - Animation curve: You can use traditional and spring curves to control how the attribute values ch…
/ohos5.0/docs/en/release-notes/api-diff/v3.2-beta2/
H A Djs-apidiff-arkui.md150 | ohos.curves | curves | function springCurve(velocity: number, mass: number, stiffness: number, da…
151 | ohos.curves | curves | function cubicBezierCurve(x1: number, y1: number, x2: number, y2: number):…
152 | ohos.curves | curves | function stepsCurve(count: number, end: boolean): ICurve; | Added|
153 | ohos.curves | curves | function initCurve(curve?: Curve): ICurve; | Added|
154 | ohos.curves | ICurve | interpolate(fraction : number) : number; | Added|
163 | ohos.curves | curves | function spring(velocity: number, mass: number, stiffness: number, damping…
164 | ohos.curves | curves | function cubicBezier(x1: number, y1: number, x2: number, y2: number): stri…
165 | ohos.curves | curves | function steps(count: number, end: boolean): string; | Deprecated|
166 | ohos.curves | curves | function init(curve?: Curve): string; | Deprecated|
/ohos5.0/docs/zh-cn/application-dev/ui/
H A Darkts-animation-smoothing.md11 import { curves } from '@kit.ArkUI';
43 … .animation({ curve: curves.springMotion(0.4, 0.8) }) // 第四步：通过隐式动画接口开启隐式动画，动画终点值改变时，系统自动添加衔接动画
74 import { curves } from '@kit.ArkUI';
95 this.getUIContext()?.animateTo({ curve: curves.responsiveSpringMotion() }, () => {
103 this.getUIContext()?.animateTo({ curve: curves.springMotion() }, () => {
H A Darkts-spring-curve.md54 import { curves } from '@kit.ArkUI';
111 new Spring('springMotion', '周期1, 阻尼0.25', curves.springMotion(1, 0.25)),
112 …new Spring('responsive' + '\n' + 'SpringMotion', '弹性跟手曲线', curves.responsiveSpringMotion(1, 0.25)),
114 curves.interpolatingSpring(10, 1, 228, 30)),
115 new Spring('springCurve', '初始速度10， 质量1， 刚度228， 阻尼30', curves.springCurve(10, 1, 228, 30))
H A Darkts-enter-exit-transition.md31 ….combine(TransitionEffect.scale({ x: 0, y: 0 }).animation({ curve: curves.springMotion(0.6, 1.2) }…
37 … .combine(TransitionEffect.move(TransitionEdge.END)).animation({curve: curves.springMotion()}))
61 this.getUIContext()?.animateTo({ curve: curves.springMotion() }, () => {
73 import { curves } from '@kit.ArkUI';
83 TransitionEffect.OPACITY.animation({ curve: curves.springMotion(0.6, 0.8) })
89 .combine(TransitionEffect.translate({ y: 150 }).animation({ curve: curves.springMotion() }))
H A Darkts-attribute-animation-apis.md26 import { curves } from '@kit.ArkUI';
50 this.getUIContext()?.animateTo({ curve: curves.springMotion() }, () => {
91 import { curves } from '@kit.ArkUI';
111 .animation({ curve: curves.springMotion() })
139 .animation({ curve: curves.springMotion() })
H A Darkts-contentcover-page.md29 import { curves } from '@kit.ArkUI';
187 …transition: TransitionEffect.translate({ x: 500 }).animation({ curve: curves.springMotion(0.6, 0.8…
/ohos5.0/docs/en/application-dev/reference/apis-arkui/
H A Djs-apis-curve.md1 # @ohos.curves (Interpolation Calculation)
13 import { curves } from '@kit.ArkUI';
66 import { curves } from '@kit.ArkUI';
97 import { curves } from '@kit.ArkUI';
131 import { curves } from '@kit.ArkUI';
165 import { curves } from '@kit.ArkUI';
198 import { curves } from '@kit.ArkUI'
233 import { curves } from '@kit.ArkUI'
265 import { curves } from '@kit.ArkUI'
294 import { curves } from '@kit.ArkUI'
[all …]
/ohos5.0/docs/zh-cn/application-dev/media/camera/
H A Dcamera-animation.md30 import { curves } from '@kit.ArkUI';
67 curve: curves.interpolatingSpring(1, 1, 410, 38),
103 import { curves } from '@kit.ArkUI';
301 curve: curves.cubicBezierCurve(0.20, 0.00, 0.83, 1.00),
342 curve: curves.cubicBezierCurve(0.17, 0.00, 0.20, 1.00),
/ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/arkui-ts/
H A Dts-universal-attributes-motionBlur.md59 import { curves } from '@kit.ArkUI';
92 curve: curves.springCurve(10, 1, 228, 30),
/ohos5.0/docs/zh-cn/release-notes/api-diff/v3.2-beta3/
H A Djs-apidiff-arkui.md121 | ohos.curves | curves …
122 | ohos.curves | curves …
/ohos5.0/docs/en/application-dev/reference/apis-arkui/arkui-ts/
H A Dts-universal-attributes-motionBlur.md53 import curves from '@ohos.curves';
86 curve: curves.springCurve(10, 1, 228, 30),
/ohos5.0/foundation/graphic/graphic_3d/lume/metaobject/
H A DBUILD.gn117 "src/curves/bezier_curve.cpp",
118 "src/curves/bezier_curve.h",
119 "src/curves/easing_curve.cpp",
120 "src/curves/easing_curve.h",
/ohos5.0/docs/zh-cn/release-notes/api-diff/v3.2-Release/
H A Djs-apidiff-arkui.md19 |新增|NA|类名：curves;<br>方法or属性：function initCurve(curve?: Curve): ICurve;|@ohos.curves.d.ts|
20 |新增|NA|类名：curves;<br>方法or属性：function stepsCurve(count: number, end: boolean): ICurve;|@ohos.curves.…
21 |新增|NA|类名：curves;<br>方法or属性：function cubicBezierCurve(x1: number, y1: number, x2: number, y2: numbe…
22 |新增|NA|类名：curves;<br>方法or属性：function springCurve(velocity: number, mass: number, stiffness: number,…
23 |新增|NA|类名：curves;<br>方法or属性：function springMotion(response?: number, dampingFraction?: number, over…
24 …A|类名：curves;<br>方法or属性：function responsiveSpringMotion(response?: number, dampingFraction?: number…
25 |新增|NA|类名：ICurve;<br>方法or属性：interpolate(fraction : number) : number;|@ohos.curves.d.ts|
80 …curves;<br>方法or属性：function init(curve?: Curve): string;<br>旧版本信息：|类名：curves;<br>方法or属性：function in…
81 …curves;<br>方法or属性：function steps(count: number, end: boolean): string;<br>旧版本信息：|类名：curves;<br>方法o…
82 …curves;<br>方法or属性：function cubicBezier(x1: number, y1: number, x2: number, y2: number): string;<br…
[all …]
/ohos5.0/docs/en/release-notes/api-diff/v3.2-beta3/
H A Djs-apidiff-arkui.md121 | ohos.curves | curves …
122 | ohos.curves | curves …
/ohos5.0/foundation/arkui/ace_engine/advanced_ui_component/exceptionprompt/source/
H A Dexceptionprompt.ets15 import curves from '@ohos.curves';
145 curve: curves.cubicBezierCurve(0.33, 0, 0.67, 1),

12345