• flex渐变色制作圆角橙色按钮


    <?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="42" minHeight="30" 
                 alpha.disabled="0.5">
         
        <fx:Metadata>
            <![CDATA[ 
            /** 
             * @copy spark.skins.spark.ApplicationSkin#hostComponent
             */
            [HostComponent("spark.components.Button")]
            ]]>
        </fx:Metadata>
        
        <!-- states -->
        <s:states>
            <s:State name="up" />
            <s:State name="over" />
            <s:State name="down" />
            <s:State name="disabled" />
        </s:states>
        
        <s:Rect left="0" right="0" top="0" bottom="0" topLeftRadiusX="7" topRightRadiusX="7"
    			bottomLeftRadiusX="7" bottomRightRadiusX="7">
            <s:stroke>
    			<s:SolidColorStroke color.up="0xfaa51a"/>
    		</s:stroke>
    		<s:fill>
    			<s:LinearGradient rotation="0">
    				<s:entries>
    					<s:GradientEntry color="0xfaa51a"/>
    					<s:GradientEntry color="0xf47a20" ratio=".5"/>
    				</s:entries>
    			</s:LinearGradient>
    			<!--<s:RadialGradient rotation="0">
    				<s:entries>
    					<s:GradientEntry color="0xF0FFFF" ratio=".7"/>
    					<s:GradientEntry color="0xFF83FA"/>
    				</s:entries>
    			</s:RadialGradient>-->
    		</s:fill>
    	</s:Rect>    
        <!-- layer 8: text -->
        <!--- @copy spark.components.supportClasses.ButtonBase#labelDisplay  -->
        <s:Label id="labelDisplay"
                 textAlign="center"
                 maxDisplayedLines="1"
    			 fontSize="20"
                 horizontalCenter="0" verticalCenter="1" verticalAlign="middle"
                 left="10" right="10" top="2" bottom="2"
    			 color.up="0xffffff">
        </s:Label>
        
    </s:SparkButtonSkin>
    



  • 相关阅读:
    Flutter Card卡片布局
    Flutter Stack组件(安卓原生的帧布局)
    Flutter关于图片操作
    FlutterContainer组件、Text组件
    Flutter的第一次摸索
    Flutter入门,开始AndroidStuido写flutter
    Flutter之Dart语言入门
    Flutter 入门
    秋城图书馆
    Simpleperf分析之Android系统篇
  • 原文地址:https://www.cnblogs.com/keanuyaoo/p/3343378.html
Copyright © 2020-2023  润新知