Advanced Search

Spark general button Skin

/ Published in: Other
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <?xml version="1.0" encoding="utf-8"?>
  2.  
  3. <s:Skin 
  4.  
  5. 	xmlns:s="library://ns.adobe.com/flex/spark" 
  6. 	xmlns:fx="http://ns.adobe.com/mxml/2009" 
  7. 	xmlns:d="http://ns.adobe.com/fxg/2008/dt" 
  8. 	xmlns:ai="http://ns.adobe.com/ai/2008" 
  9. 	xmlns:th="http://ns.adobe.com/thermo/2009"
  10. 	>
  11.  
  12. 	<s:transitions>
  13. 		<s:Transition fromState="up" toState="over" autoReverse="true">
  14. 			<s:Parallel>
  15. 				<s:Parallel target="{rect1}">
  16. 					<s:Fade duration="0"/>
  17. 				</s:Parallel>
  18. 				<s:Parallel target="{rect2}">
  19. 					<s:Fade duration="0"/>
  20. 				</s:Parallel>
  21. 				<s:Parallel target="{rect3}">
  22. 					<s:Fade duration="0"/>
  23. 				</s:Parallel>
  24. 				<s:Parallel target="{rect4}">
  25. 					<s:Fade duration="0"/>
  26. 				</s:Parallel>
  27. 				<s:Parallel target="{group1}">
  28. 					<s:Fade duration="0"/>
  29. 				</s:Parallel>
  30. 				<s:Parallel target="{rect5}">
  31. 					<s:Fade duration="0"/>
  32. 				</s:Parallel>
  33. 				<s:Parallel target="{rect6}">
  34. 					<s:Fade duration="0"/>
  35. 				</s:Parallel>
  36. 				<s:Parallel target="{group2}">
  37. 					<s:Fade duration="0"/>
  38. 				</s:Parallel>
  39. 			</s:Parallel>
  40. 		</s:Transition>
  41. 		<s:Transition fromState="down" toState="up" autoReverse="true">
  42. 			<s:Parallel>
  43. 				<s:Parallel target="{rect1}">
  44. 					<s:Fade duration="0"/>
  45. 				</s:Parallel>
  46. 				<s:Parallel target="{rect2}">
  47. 					<s:Fade duration="0"/>
  48. 				</s:Parallel>
  49. 				<s:Parallel target="{rect3}">
  50. 					<s:Fade duration="0"/>
  51. 				</s:Parallel>
  52. 				<s:Parallel target="{rect4}">
  53. 					<s:Fade duration="0"/>
  54. 				</s:Parallel>
  55. 				<s:Parallel target="{group1}">
  56. 					<s:Fade duration="0"/>
  57. 				</s:Parallel>
  58. 				<s:Parallel target="{rect5}">
  59. 					<s:Fade duration="0"/>
  60. 				</s:Parallel>
  61. 				<s:Parallel target="{rect6}">
  62. 					<s:Fade duration="0"/>
  63. 				</s:Parallel>
  64. 				<s:Parallel target="{group2}">
  65. 					<s:Fade duration="0"/>
  66. 				</s:Parallel>
  67. 				<s:Parallel target="{rect7}">
  68. 					<s:Fade duration="0"/>
  69. 				</s:Parallel>
  70. 				<s:Parallel target="{rect8}">
  71. 					<s:Fade duration="0"/>
  72. 				</s:Parallel>
  73. 				<s:Parallel target="{rect9}">
  74. 					<s:Fade duration="0"/>
  75. 				</s:Parallel>
  76. 				<s:Parallel target="{group3}">
  77. 					<s:Fade duration="0"/>
  78. 				</s:Parallel>
  79. 				<s:Parallel target="{rect10}">
  80. 					<s:Fade duration="0"/>
  81. 				</s:Parallel>
  82. 				<s:Parallel target="{group4}">
  83. 					<s:Fade duration="0"/>
  84. 				</s:Parallel>
  85. 			</s:Parallel>
  86. 		</s:Transition>
  87. 	</s:transitions>
  88.  
  89. 	<s:states>
  90. 		<s:State name="up"/>
  91. 		<s:State name="over"/>
  92. 		<s:State name="down"/>
  93. 		<s:State name="disabled"/>
  94. 	</s:states>
  95.  
  96. 	<fx:Metadata>[HostComponent("spark.components.Button")]</fx:Metadata>
  97.  
  98. 	<fx:DesignLayer d:id="2" d:userLabel="PlayDown">
  99. 		<s:Group d:id="3">
  100. 			<s:Group ai:knockout="0">
  101. 				<s:Rect width="54" height="25" ai:knockout="0">
  102. 					<s:fill>
  103. 						<s:LinearGradient x="27.0005" y="22.2588" scaleX="20.8333" rotation="-90">
  104. 							<s:GradientEntry color="0xffffff" ratio="0"/>
  105. 							<s:GradientEntry color="0xc2c1c0" ratio="1"/>
  106. 						</s:LinearGradient>
  107. 					</s:fill>
  108. 				</s:Rect>
  109. 			</s:Group>
  110. 		</s:Group>
  111. 		<s:Rect x="53" y="1" width="1" height="23" ai:knockout="0">
  112. 			<s:fill>
  113. 				<s:SolidColor color="0xffffff"/>
  114. 			</s:fill>
  115. 		</s:Rect>
  116. 		<s:Rect x="53" y="1" width="1" height="23" ai:knockout="0">
  117. 			<s:fill>
  118. 				<s:SolidColor color="0xffffff"/>
  119. 			</s:fill>
  120. 		</s:Rect>
  121. 		<s:Rect y="1" width="1" height="23" ai:knockout="0">
  122. 			<s:fill>
  123. 				<s:SolidColor color="0x545454"/>
  124. 			</s:fill>
  125. 		</s:Rect>
  126. 		<s:Rect y="24" width="54" height="1" ai:knockout="0">
  127. 			<s:fill>
  128. 				<s:SolidColor color="0x545454"/>
  129. 			</s:fill>
  130. 		</s:Rect>
  131. 		<s:Rect width="54" height="1" ai:knockout="0">
  132. 			<s:fill>
  133. 				<s:SolidColor color="0x545454"/>
  134. 			</s:fill>
  135. 		</s:Rect>
  136. 		<s:Group x="22" y="6" ai:knockout="0" d:id="4">
  137. 			<s:Path winding="nonZero" ai:knockout="0" data="M 0.5 0.516 L 10.893 6.517 L 0.5 12.516 L 0.5 0.516 Z">
  138. 				<s:fill>
  139. 					<s:SolidColor color="0xffffff"/>
  140. 				</s:fill>
  141. 				<s:stroke>
  142. 					<s:SolidColorStroke color="0x2968b2" caps="none" weight="1" joints="miter" miterLimit="4"/>
  143. 				</s:stroke>
  144. 			</s:Path>
  145. 		</s:Group>
  146. 	</fx:DesignLayer>
  147.  
  148. 	<fx:DesignLayer d:id="5" d:userLabel="PlayOver" th:visible.down="false">
  149. 		<s:Group d:id="6" th:origVisible.down="true" visible.down="false" id="group4">
  150. 			<s:Group ai:knockout="0">
  151. 				<s:Rect width="54" height="25" ai:knockout="0">
  152. 					<s:fill>
  153. 						<s:LinearGradient x="26.9995" y="2.74121" scaleX="20.8341" rotation="90">
  154. 							<s:GradientEntry color="0xffffff" ratio="0"/>
  155. 							<s:GradientEntry color="0xc2c1c0" ratio="1"/>
  156. 						</s:LinearGradient>
  157. 					</s:fill>
  158. 				</s:Rect>
  159. 			</s:Group>
  160. 		</s:Group>
  161. 		<s:Group x="22" y="6" ai:knockout="0" d:id="7" th:origVisible.down="true" visible.down="false" id="group3">
  162. 			<s:Path winding="nonZero" ai:knockout="0" data="M 0.5 0.516 L 10.893 6.517 L 0.5 12.516 L 0.5 0.516 Z">
  163. 				<s:fill>
  164. 					<s:SolidColor color="0x2968b2"/>
  165. 				</s:fill>
  166. 				<s:stroke>
  167. 					<s:SolidColorStroke color="0xffffff" caps="none" weight="1" joints="miter" miterLimit="4"/>
  168. 				</s:stroke>
  169. 			</s:Path>
  170. 		</s:Group>
  171. 		<s:Rect x="53" y="1" width="1" height="23" ai:knockout="0" th:origVisible.down="true" visible.down="false" id="rect9">
  172. 			<s:fill>
  173. 				<s:SolidColor color="0xffffff"/>
  174. 			</s:fill>
  175. 		</s:Rect>
  176. 		<s:Rect y="1" width="1" height="23" ai:knockout="0" th:origVisible.down="true" visible.down="false" id="rect10">
  177. 			<s:fill>
  178. 				<s:SolidColor color="0x545454"/>
  179. 			</s:fill>
  180. 		</s:Rect>
  181. 		<s:Rect y="24" width="54" height="1" ai:knockout="0" th:origVisible.down="true" visible.down="false" id="rect8">
  182. 			<s:fill>
  183. 				<s:SolidColor color="0x545454"/>
  184. 			</s:fill>
  185. 		</s:Rect>
  186. 		<s:Rect width="54" height="1" ai:knockout="0" th:origVisible.down="true" visible.down="false" id="rect7">
  187. 			<s:fill>
  188. 				<s:SolidColor color="0x545454"/>
  189. 			</s:fill>
  190. 		</s:Rect>
  191. 	</fx:DesignLayer>
  192.  
  193. 	<fx:DesignLayer d:id="8" d:userLabel="PlayUp" th:visible.over="false" th:visible.down="false">
  194. 		<s:Rect x="53" y="1" width="1" height="23" ai:knockout="0" th:origVisible.over="true" visible.over="false" id="rect2" th:origVisible.down="true" visible.down="false">
  195. 			<s:fill>
  196. 				<s:SolidColor color="0xffffff"/>
  197. 			</s:fill>
  198. 		</s:Rect>
  199. 		<s:Group d:id="9" th:origVisible.over="true" visible.over="false" id="group1" th:origVisible.down="true" visible.down="false">
  200. 			<s:Group ai:knockout="0">
  201. 				<s:Rect width="54" height="25" ai:knockout="0">
  202. 					<s:fill>
  203. 						<s:LinearGradient x="26.9995" y="2.74121" scaleX="20.8341" rotation="90">
  204. 							<s:GradientEntry color="0xffffff" ratio="0"/>
  205. 							<s:GradientEntry color="0xc2c1c0" ratio="1"/>
  206. 						</s:LinearGradient>
  207. 					</s:fill>
  208. 				</s:Rect>
  209. 			</s:Group>
  210. 		</s:Group>
  211. 		<s:Rect x="53" y="1" width="1" height="23" ai:knockout="0" th:origVisible.over="true" visible.over="false" id="rect1" th:origVisible.down="true" visible.down="false">
  212. 			<s:fill>
  213. 				<s:SolidColor color="0xffffff"/>
  214. 			</s:fill>
  215. 		</s:Rect>
  216. 		<s:Rect y="1" width="1" height="23" ai:knockout="0" th:origVisible.over="true" visible.over="false" id="rect4" th:origVisible.down="true" visible.down="false">
  217. 			<s:fill>
  218. 				<s:SolidColor color="0x545454"/>
  219. 			</s:fill>
  220. 		</s:Rect>
  221. 		<s:Rect y="24" width="54" height="1" ai:knockout="0" th:origVisible.over="true" visible.over="false" id="rect6" th:origVisible.down="true" visible.down="false">
  222. 			<s:fill>
  223. 				<s:SolidColor color="0x545454"/>
  224. 			</s:fill>
  225. 		</s:Rect>
  226. 		<s:Rect width="54" height="1" ai:knockout="0" th:origVisible.over="true" visible.over="false" id="rect3" th:origVisible.down="true" visible.down="false">
  227. 			<s:fill>
  228. 				<s:SolidColor color="0x545454"/>
  229. 			</s:fill>
  230. 		</s:Rect>
  231. 		<s:Group x="22" y="6" ai:knockout="0" d:id="10" th:origVisible.over="true" visible.over="false" id="group2" th:origVisible.down="true" visible.down="false">
  232. 			<s:Path winding="nonZero" ai:knockout="0" data="M 0.5 0.516 L 10.893 6.517 L 0.5 12.516 L 0.5 0.516 Z">
  233. 				<s:fill>
  234. 					<s:SolidColor color="0xffffff"/>
  235. 				</s:fill>
  236. 				<s:stroke>
  237. 					<s:SolidColorStroke color="0x545454" caps="none" weight="1" joints="miter" miterLimit="4"/>
  238. 				</s:stroke>
  239. 			</s:Path>
  240. 		</s:Group>
  241. 		<s:Rect x="53" y="1" width="1" height="23" ai:knockout="0" th:origVisible.over="true" visible.over="false" id="rect5" th:origVisible.down="true" visible.down="false">
  242. 			<s:fill>
  243. 				<s:SolidColor color="0xffffff"/>
  244. 			</s:fill>
  245. 		</s:Rect>
  246. 	</fx:DesignLayer>
  247.  
  248. </s:Skin>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.