1. <?xml version="1.0" encoding="utf-8"?>
  2.  
  3. <s:SparkButtonSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
  4. xmlns:s="library://ns.adobe.com/flex/spark"
  5. xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
  6. minWidth="42" minHeight="30"
  7. alpha.disabled="0.5">
  8.  
  9. <fx:Metadata>
  10. <![CDATA[
  11. /**
  12. * @copy spark.skins.spark.ApplicationSkin#hostComponent
  13. */
  14. [HostComponent("spark.components.Button")]
  15. ]]>
  16. </fx:Metadata>
  17.  
  18. <!-- states -->
  19. <s:states>
  20. <s:State name="up" />
  21. <s:State name="over" />
  22. <s:State name="down" />
  23. <s:State name="disabled" />
  24. </s:states>
  25.  
  26. <s:Rect left="0" right="0" top="0" bottom="0" topLeftRadiusX="7" topRightRadiusX="7"
  27. bottomLeftRadiusX="7" bottomRightRadiusX="7">
  28. <s:stroke>
  29. <s:SolidColorStroke color.up="0xfaa51a"/>
  30. </s:stroke>
  31. <s:fill>
  32. <s:LinearGradient rotation="0">
  33. <s:entries>
  34. <s:GradientEntry color="0xfaa51a"/>
  35. <s:GradientEntry color="0xf47a20" ratio=".5"/>
  36. </s:entries>
  37. </s:LinearGradient>
  38. <!--<s:RadialGradient rotation="0">
  39. <s:entries>
  40. <s:GradientEntry color="0xF0FFFF" ratio=".7"/>
  41. <s:GradientEntry color="0xFF83FA"/>
  42. </s:entries>
  43. </s:RadialGradient>-->
  44. </s:fill>
  45. </s:Rect>
  46. <!-- layer 8: text -->
  47. <!--- @copy spark.components.supportClasses.ButtonBase#labelDisplay -->
  48. <s:Label id="labelDisplay"
  49. textAlign="center"
  50. maxDisplayedLines="1"
  51. fontSize="20"
  52. horizontalCenter="0" verticalCenter="1" verticalAlign="middle"
  53. left="10" right="10" top="2" bottom="2"
  54. color.up="0xffffff">
  55. </s:Label>
  56.  
  57. </s:SparkButtonSkin>

flex渐变色制作圆角橙色按钮的更多相关文章

  1. 使用HTML5+CSS3制作圆角内发光按钮----示例

    <!doctype html> <html> <head> <meta charset="utf-8" /> <title&g ...

  2. Microsoft Expression Blend 4制作简单的按钮

    在博客园混了这么久了,第一次写博客.本人标准的理工男,文笔不敢说一般,只能用还学过语文.勉强达意而已.见笑!! 由于本人能有有限,错误之处在所难免,望大牛们批评指正,共同进步.^_^!!!!!!!!! ...

  3. WPF 制作圆角按钮

    在程序对应坐置插入以下代码,或是先拖一个按钮控件到窗体中,再替换对应的代码. 修改 CornerRadius="18,3,18,3"  就可以改变圆角大小 按钮效果: <Bu ...

  4. 使用CSS3制作漂亮的按钮

    我给大家介绍一下如何使用CSS3来制作一个圆角阴影.渐变色的漂亮的按钮,它不需要任何图片和javascript脚本,只需要CSS3就可以轻松实现按钮效果,并且可以适用于任意HTML元素,想div,sp ...

  5. Android:res之shape制作圆角、虚线、渐变

    xml控件配置属性 android:background="@drawable/shape" 标签 corners ----------圆角gradient ----------渐 ...

  6. 教你如何用PS制作多款按钮UI设计教程

    教你如何用PS制作多款按钮UI设计教程 本文教大家制作按钮的方法 LV. ★ 初入设计,学做按钮.只会套个底色,加个阴影,字体纯白,小聪明的弄个圆角. LV. ★★(描边.字体.内阴影) 看了很多案例 ...

  7. Android shape制作圆角、虚线、渐变

    xml控件配置属性 android:background="@drawable/shape" 标签 corners ----------圆角 gradient ---------- ...

  8. css+div制作圆角矩形的四种方法

    圆角矩形一向是设计师最倾心的一种设计,因为他们可以让整个网页生动起来,不那么死板,所以,作为一个优秀的网页设计师,学会一种或多种编辑圆角矩形的方法是必不可少的,而且圆角矩形应用范围极广,一个网页内的所 ...

  9. 慕课网5-2编程练习:flex布局制作卡片布局案例

    慕课网5-2编程练习:flex布局制作卡片布局案例 小伙伴们,学习了卡片布局,接下来我们根据效果图,也写出一个卡片布局的页面吧! 效果图如下: 任务 1.主体内容的卡片一行只能显示两个. 2.卡片与卡 ...

随机推荐

  1. phpcms:六、频道页(category.html)

    1.当前栏目的ID:{$catid}标题样式:{title_style($v[style])}(在添加内容或编辑内容的时候,标题右边 有一个选择颜色的块).{str_cut(strip_tags($v ...

  2. java_重写与重载的区别

    重写与重载的区别 重载(Overloading)和重写(Overriding)是Java中两个比较重要的概念.但是对于新手来说也比较容易混淆.本文通过两个简单的例子说明了他们之间的区别. 定义 重载 ...

  3. EL表达式使用之类switch语句

    http://blacksonny.iteye.com/admin/blogs/1879878

  4. eclipse中使用loadrunner java api步骤

    1.使用Eclipse新建一个Java工程,名字任意 2.将"%LoadRunner_Home%\classes\lrapi"目录拷贝到工程中 3.将工程导出为Jar包,譬如:命名 ...

  5. AngularJs学习笔记3——自定义指令

    指令 概述: 前面也说过一些常用指令,用于快速入门.现在详细总结一下:指令用于实现各种页面的操作,是对于底层DOM操作的封装,扩展了HTML的行为,实现页面交互以及数据绑定. 指令是一种执行的信号,一 ...

  6. 盘点20款表现出众的HTML5游戏

    不管是对用户还是开发者来说,HTML5和JavaScript游戏这几年的发展真的是件好事.随着浏览器平台的日趋成熟,并开始整合这类型游戏所 要求的技术,我们每天都能在各大应用商店和社交网站中看到越来越 ...

  7. 关于Go语言共享内存操作的小实例

    <strong style="margin: 0px; padding: 0px; border: 0px; font-size: 15px; font-weight: bold; c ...

  8. Sonar入门(五):使用 Sonar 进行代码质量管理

    Sonar 概述 Sonar 是一个用于代码质量管理的开放平台.通过插件机制,Sonar 可以集成不同的测试工具,代码分析工具,以及持续集成工具. 与持续集成工具(例如 Hudson/Jenkins ...

  9. 什么是MemCache

    Memcache是一个高性能的分布式的内存对象缓存系统,通过在内存里维护一个统一的巨大的hash表,它能够用来存储各种格式的数据,包括图像.视频.文件以及数据库检索的结果等.简单的说就是将数据调用到内 ...

  10. keil中查看内存数据

    1.工具栏中 view->Memory Windows 然后  c:0 表示读取0地址开始的代码区数据  d:0 表示读取0地址开始的数据区数据  x:0表示读取0地址开始的外部数据区