Return to Snippet

Revision: 24872
at March 13, 2010 11:37 by LeeProbert


Initial Code
<?xml version="1.0" encoding="utf-8"?>

<s:Skin 
	
	xmlns:s="library://ns.adobe.com/flex/spark" 
	xmlns:fx="http://ns.adobe.com/mxml/2009" 
	xmlns:d="http://ns.adobe.com/fxg/2008/dt" 
	xmlns:ai="http://ns.adobe.com/ai/2008" 
	xmlns:th="http://ns.adobe.com/thermo/2009"
	>
	
	<s:transitions>
		<s:Transition fromState="up" toState="over" autoReverse="true">
			<s:Parallel>
				<s:Parallel target="{rect1}">
					<s:Fade duration="0"/>
				</s:Parallel>
				<s:Parallel target="{rect2}">
					<s:Fade duration="0"/>
				</s:Parallel>
				<s:Parallel target="{rect3}">
					<s:Fade duration="0"/>
				</s:Parallel>
				<s:Parallel target="{rect4}">
					<s:Fade duration="0"/>
				</s:Parallel>
				<s:Parallel target="{group1}">
					<s:Fade duration="0"/>
				</s:Parallel>
				<s:Parallel target="{rect5}">
					<s:Fade duration="0"/>
				</s:Parallel>
				<s:Parallel target="{rect6}">
					<s:Fade duration="0"/>
				</s:Parallel>
				<s:Parallel target="{group2}">
					<s:Fade duration="0"/>
				</s:Parallel>
			</s:Parallel>
		</s:Transition>
		<s:Transition fromState="down" toState="up" autoReverse="true">
			<s:Parallel>
				<s:Parallel target="{rect1}">
					<s:Fade duration="0"/>
				</s:Parallel>
				<s:Parallel target="{rect2}">
					<s:Fade duration="0"/>
				</s:Parallel>
				<s:Parallel target="{rect3}">
					<s:Fade duration="0"/>
				</s:Parallel>
				<s:Parallel target="{rect4}">
					<s:Fade duration="0"/>
				</s:Parallel>
				<s:Parallel target="{group1}">
					<s:Fade duration="0"/>
				</s:Parallel>
				<s:Parallel target="{rect5}">
					<s:Fade duration="0"/>
				</s:Parallel>
				<s:Parallel target="{rect6}">
					<s:Fade duration="0"/>
				</s:Parallel>
				<s:Parallel target="{group2}">
					<s:Fade duration="0"/>
				</s:Parallel>
				<s:Parallel target="{rect7}">
					<s:Fade duration="0"/>
				</s:Parallel>
				<s:Parallel target="{rect8}">
					<s:Fade duration="0"/>
				</s:Parallel>
				<s:Parallel target="{rect9}">
					<s:Fade duration="0"/>
				</s:Parallel>
				<s:Parallel target="{group3}">
					<s:Fade duration="0"/>
				</s:Parallel>
				<s:Parallel target="{rect10}">
					<s:Fade duration="0"/>
				</s:Parallel>
				<s:Parallel target="{group4}">
					<s:Fade duration="0"/>
				</s:Parallel>
			</s:Parallel>
		</s:Transition>
	</s:transitions>
	
	<s:states>
		<s:State name="up"/>
		<s:State name="over"/>
		<s:State name="down"/>
		<s:State name="disabled"/>
	</s:states>
	
	<fx:Metadata>[HostComponent("spark.components.Button")]</fx:Metadata>
	
	<fx:DesignLayer d:id="2" d:userLabel="PlayDown">
		<s:Group d:id="3">
			<s:Group ai:knockout="0">
				<s:Rect width="54" height="25" ai:knockout="0">
					<s:fill>
						<s:LinearGradient x="27.0005" y="22.2588" scaleX="20.8333" rotation="-90">
							<s:GradientEntry color="0xffffff" ratio="0"/>
							<s:GradientEntry color="0xc2c1c0" ratio="1"/>
						</s:LinearGradient>
					</s:fill>
				</s:Rect>
			</s:Group>
		</s:Group>
		<s:Rect x="53" y="1" width="1" height="23" ai:knockout="0">
			<s:fill>
				<s:SolidColor color="0xffffff"/>
			</s:fill>
		</s:Rect>
		<s:Rect x="53" y="1" width="1" height="23" ai:knockout="0">
			<s:fill>
				<s:SolidColor color="0xffffff"/>
			</s:fill>
		</s:Rect>
		<s:Rect y="1" width="1" height="23" ai:knockout="0">
			<s:fill>
				<s:SolidColor color="0x545454"/>
			</s:fill>
		</s:Rect>
		<s:Rect y="24" width="54" height="1" ai:knockout="0">
			<s:fill>
				<s:SolidColor color="0x545454"/>
			</s:fill>
		</s:Rect>
		<s:Rect width="54" height="1" ai:knockout="0">
			<s:fill>
				<s:SolidColor color="0x545454"/>
			</s:fill>
		</s:Rect>
		<s:Group x="22" y="6" ai:knockout="0" d:id="4">
			<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">
				<s:fill>
					<s:SolidColor color="0xffffff"/>
				</s:fill>
				<s:stroke>
					<s:SolidColorStroke color="0x2968b2" caps="none" weight="1" joints="miter" miterLimit="4"/>
				</s:stroke>
			</s:Path>
		</s:Group>
	</fx:DesignLayer>
	
	<fx:DesignLayer d:id="5" d:userLabel="PlayOver" th:visible.down="false">
		<s:Group d:id="6" th:origVisible.down="true" visible.down="false" id="group4">
			<s:Group ai:knockout="0">
				<s:Rect width="54" height="25" ai:knockout="0">
					<s:fill>
						<s:LinearGradient x="26.9995" y="2.74121" scaleX="20.8341" rotation="90">
							<s:GradientEntry color="0xffffff" ratio="0"/>
							<s:GradientEntry color="0xc2c1c0" ratio="1"/>
						</s:LinearGradient>
					</s:fill>
				</s:Rect>
			</s:Group>
		</s:Group>
		<s:Group x="22" y="6" ai:knockout="0" d:id="7" th:origVisible.down="true" visible.down="false" id="group3">
			<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">
				<s:fill>
					<s:SolidColor color="0x2968b2"/>
				</s:fill>
				<s:stroke>
					<s:SolidColorStroke color="0xffffff" caps="none" weight="1" joints="miter" miterLimit="4"/>
				</s:stroke>
			</s:Path>
		</s:Group>
		<s:Rect x="53" y="1" width="1" height="23" ai:knockout="0" th:origVisible.down="true" visible.down="false" id="rect9">
			<s:fill>
				<s:SolidColor color="0xffffff"/>
			</s:fill>
		</s:Rect>
		<s:Rect y="1" width="1" height="23" ai:knockout="0" th:origVisible.down="true" visible.down="false" id="rect10">
			<s:fill>
				<s:SolidColor color="0x545454"/>
			</s:fill>
		</s:Rect>
		<s:Rect y="24" width="54" height="1" ai:knockout="0" th:origVisible.down="true" visible.down="false" id="rect8">
			<s:fill>
				<s:SolidColor color="0x545454"/>
			</s:fill>
		</s:Rect>
		<s:Rect width="54" height="1" ai:knockout="0" th:origVisible.down="true" visible.down="false" id="rect7">
			<s:fill>
				<s:SolidColor color="0x545454"/>
			</s:fill>
		</s:Rect>
	</fx:DesignLayer>
	
	<fx:DesignLayer d:id="8" d:userLabel="PlayUp" th:visible.over="false" th:visible.down="false">
		<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">
			<s:fill>
				<s:SolidColor color="0xffffff"/>
			</s:fill>
		</s:Rect>
		<s:Group d:id="9" th:origVisible.over="true" visible.over="false" id="group1" th:origVisible.down="true" visible.down="false">
			<s:Group ai:knockout="0">
				<s:Rect width="54" height="25" ai:knockout="0">
					<s:fill>
						<s:LinearGradient x="26.9995" y="2.74121" scaleX="20.8341" rotation="90">
							<s:GradientEntry color="0xffffff" ratio="0"/>
							<s:GradientEntry color="0xc2c1c0" ratio="1"/>
						</s:LinearGradient>
					</s:fill>
				</s:Rect>
			</s:Group>
		</s:Group>
		<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">
			<s:fill>
				<s:SolidColor color="0xffffff"/>
			</s:fill>
		</s:Rect>
		<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">
			<s:fill>
				<s:SolidColor color="0x545454"/>
			</s:fill>
		</s:Rect>
		<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">
			<s:fill>
				<s:SolidColor color="0x545454"/>
			</s:fill>
		</s:Rect>
		<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">
			<s:fill>
				<s:SolidColor color="0x545454"/>
			</s:fill>
		</s:Rect>
		<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">
			<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">
				<s:fill>
					<s:SolidColor color="0xffffff"/>
				</s:fill>
				<s:stroke>
					<s:SolidColorStroke color="0x545454" caps="none" weight="1" joints="miter" miterLimit="4"/>
				</s:stroke>
			</s:Path>
		</s:Group>
		<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">
			<s:fill>
				<s:SolidColor color="0xffffff"/>
			</s:fill>
		</s:Rect>
	</fx:DesignLayer>
	
</s:Skin>

Initial URL


Initial Description


Initial Title
Spark general button Skin

Initial Tags
textmate, button

Initial Language
Other