blob: 01a7d6cc9c5f7c3a215ebc5097466ca303d98c77 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
<Rect id="item" width="600" height="{layout.height}" color="white">
<resources>
<ListModel id="easingtypes">
<ListItem><type>easeNone</type></ListItem>
<ListItem><type>easeInQuad</type></ListItem>
<ListItem><type>easeOutQuad</type></ListItem>
<ListItem><type>easeInOutQuad</type></ListItem>
<ListItem><type>easeOutInQuad</type></ListItem>
<ListItem><type>easeInCubic</type></ListItem>
<ListItem><type>easeOutCubic</type></ListItem>
<ListItem><type>easeInOutCubic</type></ListItem>
<ListItem><type>easeOutInCubic</type></ListItem>
<ListItem><type>easeInQuart</type></ListItem>
<ListItem><type>easeOutQuart</type></ListItem>
<ListItem><type>easeInOutQuart</type></ListItem>
<ListItem><type>easeOutInQuart</type></ListItem>
<ListItem><type>easeInQuint</type></ListItem>
<ListItem><type>easeOutQuint</type></ListItem>
<ListItem><type>easeInOutQuint</type></ListItem>
<ListItem><type>easeOutInQuint</type></ListItem>
<ListItem><type>easeInSine</type></ListItem>
<ListItem><type>easeOutSine</type></ListItem>
<ListItem><type>easeInOutSine</type></ListItem>
<ListItem><type>easeOutInSine</type></ListItem>
<ListItem><type>easeInExpo</type></ListItem>
<ListItem><type>easeOutExpo</type></ListItem>
<ListItem><type>easeInOutExpo</type></ListItem>
<ListItem><type>easeOutInExpo</type></ListItem>
<ListItem><type>easeInCirc</type></ListItem>
<ListItem><type>easeOutCirc</type></ListItem>
<ListItem><type>easeInOutCirc</type></ListItem>
<ListItem><type>easeOutInCirc</type></ListItem>
<ListItem><type>easeInElastic</type></ListItem>
<ListItem><type>easeOutElastic</type></ListItem>
<ListItem><type>easeInOutElastic</type></ListItem>
<ListItem><type>easeOutInElastic</type></ListItem>
<ListItem><type>easeInBack</type></ListItem>
<ListItem><type>easeOutBack</type></ListItem>
<ListItem><type>easeInOutBack</type></ListItem>
<ListItem><type>easeOutInBack</type></ListItem>
<ListItem><type>easeOutBounce</type></ListItem>
<ListItem><type>easeInBounce</type></ListItem>
<ListItem><type>easeInOutBounce</type></ListItem>
<ListItem><type>easeOutInBounce</type></ListItem>
</ListModel>
</resources>
<VerticalLayout id="layout" anchors.left="{item.left}" anchors.right="{item.right}">
<Repeater dataSource="{easingtypes}" >
<Component>
<Text id="text" text="{type}" height="18" font.italic="true" color="black">
<states>
<State name="from" when="{!mouse.pressed}">
<SetProperty target="{text}" property="x" value="0"/>
</State>
<State name="to" when="{mouse.pressed}">
<SetProperty target="{text}" property="x" value="{item.width-100}"/>
</State>
</states>
<transitions>
<Transition fromState="*" toState="to" reversible="true">
<NumericAnimation properties="x" easing="{type}" />
</Transition>
</transitions>
</Text>
</Component>
</Repeater>
</VerticalLayout>
<MouseRegion id="mouse" anchors.fill="{layout}"/>
</Rect>
|
