[FlexExample] 스킨제작연습2 - 동그라미버튼

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

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

                       xmlns:s="library://ns.adobe.com/flex/spark"

                       xmlns:mx="library://ns.adobe.com/flex/mx"

                       xmlns="*">

       <MyButton label="동그라미버튼" width="200" height="200"/>

</s:Application> 

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

<s:Button xmlns:fx="http://ns.adobe.com/mxml/2009"

               xmlns:s="library://ns.adobe.com/flex/spark"

               xmlns:mx="library://ns.adobe.com/flex/mx"

                skinClass="MyButtonSkin">

</s:Button>

 

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

<s:SparkButtonSkin xmlns:fx="http://ns.adobe.com/mxml/2009"

                              xmlns:s="library://ns.adobe.com/flex/spark"

                              xmlns:fb="http://ns.adobe.com/flashbuilder/2009"

                              minWidth="21" minHeight="21"

                              alpha.disabled="0.5">

      

       <fx:Metadata>[HostComponent("MyButton")]</fx:Metadata>

      

       <!-- states -->

       <s:states>

             <s:State name="up" />

             <s:State name="over" />

             <s:State name="down" />

             <s:State name="disabled" />

       </s:states>

      

       <s:Ellipse id="fill" left="1" right="1" top="1" bottom="1">

             <s:fill>

                    <s:SolidColor color="0xAAAAAA"

                                          color.down="0xEEEEEE" />

             </s:fill>

       </s:Ellipse>

      

      

       <s:Ellipse id="border" left="0" right="0" top="0" bottom="0">

             <s:stroke>

                    <s:SolidColorStroke color="0x555555"

                                                     color.down="0x111111" />

             </s:stroke>

       </s:Ellipse>

      

       <s:Label id="labelDisplay"

                     textAlign="center"

                     maxDisplayedLines="1"

                     horizontalCenter="0" verticalCenter="1" verticalAlign="middle"

                     left="10" right="10" top="2" bottom="2">

       </s:Label>

      

</s:SparkButtonSkin>