api/pl.treksoft.kvision.core/-widget/animate.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

<HTML>
<HEAD>
<meta charset="UTF-8">
<title>Widget.animate - kvision</title>
<link rel="stylesheet" href="../../../style.css">
</HEAD>
<BODY>
<a href="../../index.html">kvision</a>&nbsp;/&nbsp;<a href="../index.html">pl.treksoft.kvision.core</a>&nbsp;/&nbsp;<a href="index.html">Widget</a>&nbsp;/&nbsp;<a href="./animate.html">animate</a><br/>
<br/>
<h1>animate</h1>
(js) <a name="pl.treksoft.kvision.core.Widget$animate(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)), kotlin.Function1((pl.treksoft.kvision.core.StyledComponent, kotlin.Unit)))"></a>
<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">animate</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core.Widget$animate(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)), kotlin.Function1((pl.treksoft.kvision.core.StyledComponent, kotlin.Unit)))/duration">duration</span><span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a>&nbsp;<span class="symbol">=</span>&nbsp;400<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$animate(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)), kotlin.Function1((pl.treksoft.kvision.core.StyledComponent, kotlin.Unit)))/easing">easing</span><span class="symbol">:</span>&nbsp;<a href="../-easing/index.html"><span class="identifier">Easing</span></a>&nbsp;<span class="symbol">=</span>&nbsp;Easing.SWING<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$animate(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)), kotlin.Function1((pl.treksoft.kvision.core.StyledComponent, kotlin.Unit)))/complete">complete</span><span class="symbol">:</span>&nbsp;<span class="symbol">(</span><span class="symbol">(</span><span class="symbol">)</span>&nbsp;<span class="symbol">-&gt;</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html"><span class="identifier">Unit</span></a><span class="symbol">)</span><span class="symbol">?</span>&nbsp;<span class="symbol">=</span>&nbsp;null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.core.Widget$animate(kotlin.Int, pl.treksoft.kvision.core.Easing, kotlin.Function0((kotlin.Unit)), kotlin.Function1((pl.treksoft.kvision.core.StyledComponent, kotlin.Unit)))/styles">styles</span><span class="symbol">:</span>&nbsp;<a href="../-styled-component/index.html"><span class="identifier">StyledComponent</span></a><span class="symbol">.</span><span class="symbol">(</span><span class="symbol">)</span>&nbsp;<span class="symbol">-&gt;</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html"><span class="identifier">Unit</span></a><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html"><span class="identifier">Unit</span></a></code>
<p>Animate the widget changing CSS properties.</p>
<h3>Parameters</h3>
<p><a name="duration"></a>
<code>duration</code> - a duration of the animation</p>
<p><a name="easing"></a>
<code>easing</code> - an easing function to use</p>
<p><a name="complete"></a>
<code>complete</code> - a callback function called after the animation completes</p>
<p><a name="styles"></a>
<code>styles</code> - changing properties values</p>
</BODY>
</HTML>