PopUpEffect.as
package
{
import flash.display.DisplayObject;
import mx.core.IFlexDisplayObject;
import mx.effects.Blur;
import mx.events.TweenEvent;
import mx.managers.PopUpManager;
public class PopUpEffect
{
public function PopUpEffect()
{
}
public static function Show(control:IFlexDisplayObject,parent:DisplayObject,modal:Boolean=true):void
{
var mShowEffect:Blur=new Blur();
mShowEffect.blurXfrom=255;
mShowEffect.blurYfrom=255;
mShowEffect.blurXTo=0;
mShowEffect.blurYTo=0;
mShowEffect.target= control;
mShowEffect.duration=300;
PopUpManager.addPopUp(control,parent,modal);
PopUpManager.centerPopUp(control);
mShowEffect.play();
}
public static function Hide(control:IFlexDisplayObject):void
{
va ......
原文地址：http://www.adobe.com/cn/devnet/flex/articles/itemrenderers_pt1.html
Flex 提供许多控制, 它们可以按不同方式显示大量数据。List 控制自己、DataGrid、Tree 以及包括图表和 AdvancedDataGrid 在内的可视类。默认情况下, Flex 列表控制将提供的数据显示为简单文本。但 Flex 的能耐远不止此, 列表控制提供了一种使用 itemRenderer 对其内容进行自定的方式。通过允许您使用 itemRenderer 完全控制列表每行 (或单元格) 的内容, Flex 使您能够编写出更引人注目、更具创意、更实用的应用程序。
本系列讨论 Flex itemRenderer 以及如何高效、有效地使用它们。本系列的第一部分侧重于内联 itemRenderer, 它们写入描述 List 控制的 MXML 标记中。之后的文章讨论使用 MXML 和 ActionScript 且更为复杂的 itemRenderer。
要求
为了充分利用本文, 您需要以下软件和文件:
Flex Builder 3
范例文件:
itemrenderers_pt1.zip (ZIP, 28KB)
必要条件:
要从本文中受益, 您最好熟悉 Flex Builder 和 ActionScript 3.0。
循环使用渲染器
人们经常尝试从列表外访问 itemRenderer。例如, 由于您刚从服务器那里收到新数据, 您可能要将 DataGrid 中第五行的第四列变为绿色� ......
1) 编译CSS资源
文件浏览器（Navigator）中，在标准的Flex CSS文件上点击右键，点击Compile CSS to SWF即可完成编译CSS的任务。
在程序中可以用StyleManager.loadStyleDeclarations()来读出已编译好的CSS文件中的内容。
具体操作如下:
// 读取Style
private function loadStyle():void
{
var eventDispatcher:IEventDispatcher = StyleManager.loadStyleDeclarations("xxx.swf");
eventDispatcher.addEvent ......
1) 编译CSS资源
文件浏览器（Navigator）中，在标准的Flex CSS文件上点击右键，点击Compile CSS to SWF即可完成编译CSS的任务。
在程序中可以用StyleManager.loadStyleDeclarations()来读出已编译好的CSS文件中的内容。
具体操作如下:
// 读取Style
private function loadStyle():void
{
var eventDispatcher:IEventDispatcher = StyleManager.loadStyleDeclarations("xxx.swf");
eventDispatcher.addEvent ......
原文地址：http://www.adobe.com/cn/devnet/flex/articles/itemrenderers_pt3.html
在本系列的第 2 部分中, 我向您展示了如何使用 MXML 和 ActionScript 创建外部 itemRenderer。在我用过的示例中, 有一个调度自定事件 BuyBookEvent 的 Button－这样应用程序可以对它作出响应。本文进一步讨论与 itemRenderer 的通信。
我坚信有一条规则是永远不能违背的: 不能抓住 itemRenderer 的实例不放, 更改它 (设置公共属性) 或调用它的公共方法。这对我而言是一个禁忌。itemRenderer 是很难弄清的, 我在第 1 部分中说到了其中的缘由: itemRenderer 是循环使用的。抓住一个会破坏 Flex 框架。
请将这条规则谨记在心, 您可以使用 itemRenderer 完成以下操作:
itemRenderer 可以通过它的列表所有者调度事件。 (您已经看到过冒泡; 这个做法更好, 接下来您就会看到。)
itemRenderer 可以使用静态类成员。其中包括 Application.application。如果您的值“全局”存储在应用程序对象中, 您可以通过这种方式获得它们。
itemRenderer 可以使用拥有它的列表的公共成员。接下来您就会看到。
itemRenderer 可以使用数据记录中的任何内容。例如, 记录中的某个项目不用于直接显� ......
原文地址：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">
......
原文地址：http://www.adobe.com/cn/devnet/flex/articles/itemrenderers_pt5.html
如果您要显示大量 itemRenderer－无论在 DataGrid 还是在 AdvancedDataGrid 中－如果无法有效编写这些 itemRenderer, 您的应用程序性能可能受到负面影响。以下是一些可能有所帮助的提示:
限制使用 itemRenderer 的列数。是否真的需要将每个列作为自定 itemRenderer？有时需要这样, 光芒太强是否会令用户头晕眼花？
尝试不要过于频繁地更改 itemRenderer 中元素的样式。如果需要切换样式 (例如, 绿色用于正值, 红色用于负值) , 可考虑为这些样式创建两个控制预设并使其中一个可见。更改样式 Flex 中比较费时的任务之一。
不要将 Containers 用作 itemRenderer 的基础。容器会占用大量资源。少量使用它们, 效果还不错; 但是根据 UIComponent 编写 itemRenderer 效率更高。
本系列包含以下文章：
第 1 部分: 内联渲染器
第 2 部分: 外部渲染器
第 3 部分: 通信
第 4 部分: 状态和过渡
第 5 部分: 效率
要求
为了充分利用本文, 您需要以下软件和文件：
Flex Builder 3
必要条件:
要从本文中受益, 您最好熟悉 Flex Builder 和 ActionScript 3.0。
切换样式
以下 item ......
最新文章 : flex