理解 Flex itemRenderer 第 4 部分: 状态和过渡
原文地址：http://www.adobe.com/cn/devnet/flex/articles/itemrenderers_pt4.html
itemRenderer 最擅长与应用程序的用户通信。有时通信很简单, 只是显示一个名称；有时会使用更精致的颜色；有时具有交互性。
itemEditor 是真正的交互控制, 但它们不是本文的重点。在这些示例中, 我将向您展示根据数据本身或用户操作更改可视外观的 itemRenderer。
本系列包含以下文章:
第 1 部分: 内联渲染器
第 2 部分: 外部渲染器
第 3 部分: 通信
第 4 部分: 状态和过渡
第 5 部分: 效率
要求
为了充分利用本文, 您需要以下软件和文件:
Flex Builder 3
必要条件:
要从本文中受益, 您最好熟悉 Flex Builder 和 ActionScript 3.0。
状态
Flex <mx:State> 是更改 itemRenderer 外观的一个理想方法。状态使用简便, 并且与过渡结合使用时, 可以为用户提供反馈和愉悦的体验。
在本例中, 您将为列表新建一个 MXML itemRenderer（记住, 如果您愿意, 完全可以使用 ActionScript 这样做）。这个 itemRenderer 显示图像、书名、作者、价格以及用于购买这本书籍的 Button。
<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="/2006/mxml">
<mx:Image id="bookImage" source="{data.image}" />
<mx:VBox height="115" width="100%" verticalAlign="top" verticalGap="0" paddingRight="10">
<mx:Text text="{data.title}" fontWeight="bold" width="100%"/>
<mx:Label text="{data.author}" />
<mx:HBox id="priceBox" width="100%">
<mx:Label text="{data.price}" width="100%"/>
<mx:Button label="Buy" />
</mx:HBox>
</mx:VBox>
</mx:HBox>
但是, 您想要实现的是, 如果书籍售空（数据包含 <instock> 节点, 它们是 yes 或 no）, 价格和“购买”Button 会消失。我为价格和 Button 的 HBox 父代增加了一个 id 属性, 使此处的编码更简单一些。这样, 我可以通过更改 HBox 和 priceBox 的可视性来更改那些项目的可视性。
通过覆盖 set data 函数可以这样做, 您将会这么做, 但不是直接更改 priceBox 的可视性, 而是使用以下状态定义:
<mx:states>
<mx:State name="NoS
相关文档：
uint int Number
Flex 四舍五入：
整数的四舍五入法，Math.round(一个Number类型的数)
小数的有 tofixed(uint) 方法
例如 var num:Number = 56.159;
num.tofixed(2); 它是个S ......
学Flex也有一段时间了，参考了许多人的资料。一直想着自己写点东西分享给大家。如是，自己准备写这样的一个RPG游戏DEMO的系列。或许自己的算法，结构上设计有些许问题，但仍希望能给大家带来帮助，不好的地方请PASS掉。。。~~游戏也参考了深蓝色右手的许多设计思想，在此向其表示感谢。他的博客地址：http://w ......
对AS、Flex等知识进行汇总，方便大家学习和查找……
温馨提示：
1.下载教程请注意方法，鼠标右键点击链接从弹出菜单中选择迅雷等工具下载，服务器有时太繁忙还请耐心等待一下；
2.单个教程的分卷压缩包请全部下载后解压，否则解压会出现缺包的情况导致解压失败；
3.如还有问题，可以利用三种方法提出：
......
//假设二维数组为 [5][7]
var xn:Number = 5;
var yn:Number = 7;
//定义一数值变量
var temp:Number = 0; //定义我们的二维数组
var myArray:Array = new Array(); //填充二维数组
for(var i=0;i ......
原文地址：http://www.adobe.com/cn/devnet/flex/articles/itemrenderers_pt3.html
在本系列的第 2 部分中, 我向您展示了如何使用 MXML 和 ActionScript 创建外部 itemRenderer。在我用过的示例中, 有一个调度自定事件 BuyBookEvent 的 Button－这样应用程序可以对它作出响应。本文进一步讨论与 itemRenderer 的通信。
我 ......
