summaryrefslogtreecommitdiffstats
path: root/demos/declarative/mediabrowser/content/ScrollBar.qml
diff options
context:
space:
mode:
Diffstat (limited to 'demos/declarative/mediabrowser/content/ScrollBar.qml')
-rw-r--r--demos/declarative/mediabrowser/content/ScrollBar.qml18
1 files changed, 18 insertions, 0 deletions
diff --git a/demos/declarative/mediabrowser/content/ScrollBar.qml b/demos/declarative/mediabrowser/content/ScrollBar.qml
new file mode 100644
index 0000000..974f4d0
--- /dev/null
+++ b/demos/declarative/mediabrowser/content/ScrollBar.qml
@@ -0,0 +1,18 @@
+<Item id="Container">
+ <properties>
+ <Property name="flickableArea"/>
+ </properties>
+
+ <Rect radius="5" color="black" opacity="0.3" pen.color="white" pen.width="2" x="0" y="{flickableArea.pageYPosition * Container.height}"
+ width="{parent.width}" height="{flickableArea.pageHeight * Container.height}"/>
+ <states>
+ <State name="show" when="{flickableArea.moving}">
+ <SetProperties target="{Container}" opacity="1" />
+ </State>
+ </states>
+ <transitions>
+ <Transition fromState="*" toState="*">
+ <NumericAnimation target="{Container}" properties="opacity" duration="400"/>
+ </Transition>
+ </transitions>
+</Item>