40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
|
|
||
|
|
import { Group, Panel, Color, LayoutSpec, View, layoutConfig, flexlayout, image, ScaleType, Align, FlexDirection, Wrap, stack, vlayout, text, hlayout, modal, Gravity, TranslationAnimation } from "doric";
|
||
|
|
import { icon_refresh } from "./utils";
|
||
|
|
|
||
|
|
@Entry
|
||
|
|
class Animations extends Panel {
|
||
|
|
build(root: Group) {
|
||
|
|
const animation = new TranslationAnimation
|
||
|
|
animation.fromTranslationX = 0
|
||
|
|
animation.toTranslationX = 100
|
||
|
|
animation.duration = 5000
|
||
|
|
let view: View
|
||
|
|
vlayout(
|
||
|
|
[
|
||
|
|
view = stack([], {
|
||
|
|
layoutConfig: layoutConfig().just(),
|
||
|
|
width: 20,
|
||
|
|
height: 20,
|
||
|
|
backgroundColor: Color.BLUE,
|
||
|
|
}),
|
||
|
|
text({
|
||
|
|
text: "Start",
|
||
|
|
onClick: () => {
|
||
|
|
view.doAnimation(context, animation)
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
text({
|
||
|
|
text: "Cancel",
|
||
|
|
onClick: () => {
|
||
|
|
view.cancelAnimation(context, animation)
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
],
|
||
|
|
{
|
||
|
|
space: 10,
|
||
|
|
layoutConfig: layoutConfig().most(),
|
||
|
|
gravity: Gravity.Center
|
||
|
|
}).in(root)
|
||
|
|
}
|
||
|
|
}
|