aboutsummaryrefslogtreecommitdiffhomepage
path: root/animations
diff options
context:
space:
mode:
authorGravatar reed@android.com <reed@android.com@2bbb7eff-a529-9590-31e7-b0007b416f81>2009-10-21 19:41:10 +0000
committerGravatar reed@android.com <reed@android.com@2bbb7eff-a529-9590-31e7-b0007b416f81>2009-10-21 19:41:10 +0000
commit80b4ebe5d598039f1f8b75053053f0853e02fdb8 (patch)
treea5a052328c767f8ba193a54949a55f52fed23e9d /animations
parentd2abab656b26242a186fe6c7e66eedf92b3a99d1 (diff)
first cut at a checkbox
git-svn-id: http://skia.googlecode.com/svn/trunk@402 2bbb7eff-a529-9590-31e7-b0007b416f81
Diffstat (limited to 'animations')
-rw-r--r--animations/checkbox.xml67
1 files changed, 67 insertions, 0 deletions
diff --git a/animations/checkbox.xml b/animations/checkbox.xml
new file mode 100644
index 0000000000..7750c36aed
--- /dev/null
+++ b/animations/checkbox.xml
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<screenplay xmlns="urn:screenplay">
+
+ <path id="check">
+ <moveTo x="20" y="50" />
+ <quadTo x1="40" y1="70" x2="40" y2="77" />
+ <quadTo x1="45" y1="55" x2="75" y2="30" />
+ </path>
+
+ <roundRect id="frame"
+ left="3" top="3" right="97" bottom="97"
+ rx="17" ry="17" />
+
+ <event kind="onLoad">
+ <paint antiAlias="true" />
+
+ <!-- draw the background -->
+
+ <paint stroke="true" strokeWidth="4">
+ <color color="0x66000000"/>
+ </paint>
+ <matrix translate="[0,2]"/>
+ <add use="frame" />
+ <paint>
+ <color color="black"/>
+ </paint>
+ <matrix translate="[0,-2]"/>
+ <add use="frame" />
+
+ <paint stroke="false">
+ <linearGradient points="[0,frame.top,0,frame.bottom]" tileMode="clamp"
+ offsets="[0,0.65,1]">
+ <color color="#F2F2F2" />
+ <color color="#AFAFAF" />
+ <color color="#C7C7C7" />
+ </linearGradient>
+ </paint>
+ <add use="frame" />
+
+ <!-- draw the checkmark background -->
+
+ <paint stroke="true" strokeWidth="9">
+ <shader/>
+ <blur radius="1" blurStyle="normal"/>
+ <color color="0x88777777"/>
+ </paint>
+ <matrix translate="[0,-2]" />
+ <add use="check" />
+
+ <paint>
+ <color color="0x88BBBBBB"/>
+ </paint>
+ <matrix translate="[0,4]" />
+ <add use="check" />
+
+ <!-- draw the checkmark -->
+
+ <paint>
+ <maskFilter/>
+ <color color="#66CC00"/>
+ </paint>
+ <matrix translate="[0,-2]" />
+ <add use="check" />
+
+ </event>
+
+</screenplay>