first cut at a checkbox
git-svn-id: http://skia.googlecode.com/svn/trunk@402 2bbb7eff-a529-9590-31e7-b0007b416f81
diff --git a/animations/checkbox.xml b/animations/checkbox.xml
new file mode 100644
index 0000000..7750c36
--- /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>