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>

赞 (0)

相关推荐

  • 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

  • Android Flutter制作交错动画的示例代码

    Android Flutter制作交错动画的示例代码

    目录 前言 动画解析 编码实现 总结 前言 之前一篇我们讲了 Flutter组合动画实现的方式 —— 交错动画.借助 GIF 和绘图技巧是可以做到类似 GIF 那种效果的.本篇我们来一个应用实例,我们让轮子在草地滚动着前进,而且还能粘上“绿色的草”,运行效果如下动画所示. 动画解析 上面实现的效果实际上由三个动画组成: 轮子前进的动画 轮子滚动 轮子的边缘颜色渐变(由黑色变成绿色) 这三个动画是同时进行的,因此需要使用到交错动画,即使用一个 AnimationController来控制三个 Tw

  • 利用Unity制作特写镜头的示例代码

    利用Unity制作特写镜头的示例代码

    目录 类似这种效果 1.首先制作上下两层黑边 2.摄像头聚焦的效果 类似这种效果 黑边的大小可以自行调整 这里为了方便直接用两个Button绑定了方法,有需要自行调用方法 1.首先制作上下两层黑边 创建Canvas然后在canvas上新建空物体,命名为CinemaCloseUpShot 在上面新建脚本CinemaCloseUP public class CinemaCloseUP : MonoBehaviour { public float targetSizeInput; //上下黑条的宽度

  • iOS如何为圆角添加阴影效果示例代码

    iOS如何为圆角添加阴影效果示例代码

    前言 大家都知道在iOS中为UIView添加阴影还是比较简单的,只需要设置layer的shadow属性就可以了,但是问题在于设置阴影之后,必须设置masksToBounds为NO,而圆角图片则要求masksToBounds必须为YES,两者相互冲突,会导致无法正确的添加阴影.下面就来给大家介绍正确为圆角添加阴影的效果,话不多说了,来一起看看详细的介绍吧. 先来看看效果图: 正确的做法: 先创建一个透明的UIView,并添加阴影,设置masksToBounds为NO: 然后在透明的UIView上添

  • 用p5.js制作烟花特效的示例代码

    用p5.js制作烟花特效的示例代码

    前言 之前看过一篇文章,使用processing制作烟花特效.效果如下 fireworks 网上调查了一圈了,发现processing是一个互动编程软件,java语言发展而来.而且动画效果是跑在processing专门的模拟器上. 不过好在也有对应的web扩展语言,有processing.js和p5.js. processing.js在github上已经好几年没有人维护了,一些processing的特性支持不了.为此踩了不少坑, 本文就集中讲解如何用p5.js写烟花特效. 代码讲解 proces

  • flex动态加载swf皮肤示例代码

    复制代码 代码如下: <?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" minW

  • Flex调Javascript打开新窗口示例代码

    Flex调Javascript打开新窗口示例代码

    测试应用TestJavascript.mxml 复制代码 代码如下: <?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.adob

  • Flex中通过RadioButton进行切换示例代码

    Flex中通过RadioButton进行切换示例代码

    1.页面切换 复制代码 代码如下: <?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&quo

  • flex实现股票行情走势图示例代码

    flex实现股票行情走势图示例代码

     第一步:jsp:1 复制代码 代码如下: <%@page import="java.util.Random,java.util.GregorianCalendar"%> <?xml version="1.0" encoding="utf-8"?> <items> <% GregorianCalendar calendar = new GregorianCalendar(); int year = cal

  • vue + Electron 制作桌面应用的示例代码

    vue + Electron 制作桌面应用的示例代码

    1.vue打包 这里使用vue原生打包命令,对vue项目进行打包 npm run build 2.配置 Electron 使用 Electron 制作桌面应用需要两个配置文件 1.package.json 创建一个package.json文件,将以下代码放入 { "name": "demo", //项目名称 "productName": "demo", "author": "作者", &

随机推荐