flex学习笔记（八） Skins

最新推荐文章于 2014-10-13 20:22:15 发布
最新推荐文章于 2014-10-13 20:22:15 发布
阅读量755 收藏
点赞数
分类专栏： Flex突破笔记 文章标签： flex
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/raphero/article/details/7074170
版权

1.创建Skin组件

创建testSkin.mxml组件，组件中必须包含以下元素

(1) "normal"和"disabled"两个state

 <s:states>
  <s:State name="normal"/>
  <s:State name="disabled" />
 </s:states>
 

(2) HostComponent标签
 <fx:Metadata>
  
  [HostComponent("spark.components.Application")]
  
 </fx:Metadata>
 

(3) id为“conentGroup”的Group

 <s:Group id="contentGroup">
  </s:Group>
  

带头大哥
关注
专栏目录
Flex入门学习笔记
风之迹 (不积跬步,无以至千里)
06-06 215
一、如何创建Flex应用程序步骤如下：1，选取预定义的可视化组件2，在用户界面上添加组件3，使用styles和skins自定义应用程序界面4，增加事件处理和脚本处理代码，控制应用程序行为5，连接数据和通讯服务6，Build和Run应用程序   二、ActionScript3 语言基础 &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;mx:A...
Flex学习笔记Flex学习笔记Flex学习笔记
03-11
Flex是一种用于创建富互联网应用（RIA）的技术，由Adobe公司开发。Flex 3 SDK是其核心部分，包含用于构建和编译Flex应用程序的工具和库...通过深入学习和实践，开发者可以充分利用Flex的优势来创建复杂的网络应用程序。
flex学习笔记-布局
j416066989的博客
12-07 156
flex中设置图片平铺 flex填充： 这里如果把embed取消掉，就不会填充任何东西，不知道什么原因？ stroke表示边框 fill就是填充色了 GradientEntry中的ratio不太...
flex 学习笔记 alert皮肤
weixin_33716941的博客
11-05 72
<?xmlversion="1.0"encoding="utf-8"?><s:Applicationname="Alert_SparkSkin_cornerRadius_test"xmlns:fx="http://ns.adobe.com/mxml/2009"xmlns:mx="library://ns...
AIR/Flex学习笔记（4）
u013671526的专栏
10-13 697
本来这篇想介绍一下AIR/Flex的调试，但是仔细一想这些都是要靠经验积累的，而且如果熟悉其他开发环境的话（比如VS），基本上试着用几下就熟练了。关于这部分内容，可以参考Adobe的帮助文档，或者这篇文章—Debugging Flex 4 applications。     这篇还是以一个实例为基础，讲一下基于Flex4 spark组件的AIR程序开发，让我们体验一下spark组件的魅力
AIR/Flex学习笔记（5）
u013671526的专栏
10-13 375
上一篇我们将一个应用程序的皮肤风格改造成了spark风格，界面变得非常漂亮。但是如果我们想开发自定义的皮肤风格应该怎么做呢？这篇文章我们来探讨一下这个问题。     我们先来看看spark是怎样定义皮肤风格的。打开我们上篇用过的PhotoGallery例程的PhotoGallery.mxml文件，我们可以看到WindowedApplication的skinClass属性值为“spark.
flex 学习笔记 list显示不同字体
weixin_34331102的博客
11-05 89
代码： 1 应用程序： <?xmlversion="1.0"encoding="utf-8"?><s:Applicationxmlns:fx="http://ns.adobe.com/mxml/2009"xmlns:s="library://ns.adobe.com/flex/spark"...
flex 学习笔记 accordion（二）
weixin_33754065的博客
05-28 80
通过headerStyleName为accordion的标题自定义样式： 代码： 1 mxml文件： <?xmlversion="1.0"encoding="utf-8"?><s:Applicationxmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="lib...
flex学习笔记 datagrid（二）
weixin_34190136的博客
06-04 62
datagrid还有一部分就是就是标题栏，标题栏的样式可以通过皮肤来控制，如下所示： <?xmlversion="1.0"encoding="utf-8"?><s:Applicationxmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.ad...
flex 学习笔记 皮肤（一）
weixin_34081595的博客
05-04 99
flex 定义为组件定义皮肤有一下方式 ： 一、 图形皮肤 如下所示： mx|Button{ upSkin:Embed(source="assets/btnup.png"); overSkin:Embed(source="assets/btndown.png"); downSkin:Embed(source="assets...
Flex学习笔记-由浅入深
10-10
Flex是Adobe公司推出的一种用于构建富互联网...随着对Flex的深入学习，开发者将掌握更多高级特性，如数据绑定、动画效果、组件自定义以及与后端服务器的深度集成等，从而能够创建出更复杂、功能丰富的富互联网应用。
Flex4.5 skins学习
12-16
Flex4.5 skins学习主要关注的是Adobe Flex框架中Spark Skins的使用和定制。Spark Skins是Flex 4引入的一种全新的皮肤机制，旨在提供更高效、更灵活的界面设计能力，使得开发者能够更容易地改变应用程序的外观和感觉...
flex4 学习资料
05-15
4. **skins和styles**：Flex4中的皮肤（skins）和样式（styles）系统允许开发者自定义组件外观，增强了UI设计的灵活性。 5. **_states_ 和 _transitions_**：Flex4中新增的状态管理机制，使得组件在不同状态间切换...
BusinessSkinForm Skins
最新发布
03-05
BusinessSkinForm控件是这个框架的一个扩展，它提供了丰富的皮肤支持，使得开发者无需深入学习图形设计就能制作出具有吸引力的用户界面。这些皮肤通常包括按钮、文本框、菜单、滚动条等常见控件的样式定义，以及整体...
解决Myeclipse 10 编译html jsp报错的问题
raphero
03-05 4623
(1)在项目上右键->MyEclipse->Exclude From Validation （2）Myeclipse 10.0之前都不会出现这种问题，window -->preferences -->myeclipse -->validation -->javascript validator for Js files 把Bulid 复选框的勾去掉
Flex 学习笔记（十一） 改变Accordion的标题样式
raphero
12-27 3417
目前据我观察Accordion的标题样式无法直接更改，需要通过Accordion的headerStyleName引用CSS样式中的Skin，并创建一个Skin来设置其样式。Application：  <s:Button label=" 过渡安置与生活重建中需关注的问题" skinClass="skins.rebui
currentState使用范例
raphero
06-17 2980
currentState的意思是页面当前的状态，可以通过这个方法来改变当前页面的状态，比如改变页面的样式等。一下代码的作用是点击鼠标的时候，panel的位置发生改变。  public function movePanel():void  {   if(currentState == "toLeft")   {    currentState = "toRight";   }else{    currentState = "toLeft";   }  }
Flex学习笔记（九） 颜色渐变
raphero
12-16 2968
在Skin中，以下代码实现线条渐变和填充的渐变 <s:Rect left="10" top="10" bottom="10" right="10" width="500" height="100">
绘制LineChart线形图
raphero
06-04 2108
<![CDATA[ import model.Person; import mx.collections.ArrayCollection; [Bindable] public var personHeightColl:ArrayCollection = new ArrayCollection(); public function initApp
使用ActionScript开发高级Flex组件
1. **创建高级组件**：这通常涉及对现有Flex组件的扩展，通过设置皮肤（skins）或样式（styles）来定制外观，或者添加新的功能和事件。例如，可以为Button添加自定义事件，或者定制DataGrid的默认样式和皮肤。 2. *...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

带头大哥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值