PrinceTerence的专栏

List以垂直方式来显示控件。在通常的情况下，List中只显示文本信息。这里将使用内嵌图标的方式来显示带有图标的信息。 <![CDATA[ [Bindable] [Embed(source="assets/AA.png")] public var AA:Class

在默认情况下Flex应用程序会使用系统默认指针。也可以使用Flex的指针管理器来修改指针外观。指针图片可以使用JPEG、PNG、GIF或者SVG文件。setCursor()方法用于创建新的指针，新指针将被添加到一个具有优先级的指针列表之中（注：该列表优先级最高的是当前可见指针，如果存在两个具有相同优先级的指针，则Flex将选择最近使用的指针）setBusyCursor()方法用于显示忙指针

换肤的主要实现思路是动态的加载包含样式的SWF文件，从而更新组件外观。包含SWF文件中内嵌了一些相关的图片、字体、样式和皮肤等资源。这些资源并没有内嵌到主应用程序中。这样一来就有两个好处：一方面实现动态更新样式和皮肤；另一方面减少初始化加载主应用程序的时间。实现方法：       主要是使用StyleManager类提供的方法，动态的加载SWF文件的时候，可调用loadStyleDeclara

使用MXML中设置样式的方式来设置触发器和效果，原理是使用标签中定义触发器的效果。 Button { mouseDownEffect: grow; mouseUpEffect: revert; } <mx:Panel title="创建效果

利用Flex组件创建行为，在MXML代码中使用标签声明。 <mx:Panel title="创建效果" width="240" height="160" verticalAlign="middle" horizontalAlign="center"> <mx:Button label="Click"

原理是使用ActionScript 的setStyle() getStyle()方法来设置触发器的效果。调用效果的时候必须使用play()方法。 <![CDATA[ import mx.effects.Zoom; public function zoomButtonDown():void {

<![CDATA[ // 导入包含缓动函数的包 import mx.effects.easing.*; ]]> @font-face { src: url('assets/钢笔行书.ttf'); fontFamily: font01;

<![CDATA[ private function myEasingFunction(t:Number, b:Number,c:Number, d:Number):Number { if ((t /= d) < (1 / 2.75)) {

Flex的视图状态（View State）是一种能够改变组件或者应用程序内容和外观的技术特性。每个应用程序都包括一个基本的视图状态（Base State），也就是初始构建的组件、页面内容、Logo和边栏等。当用户单击页面中的按钮控件时，应用程序将进入一个新的视图状态，即通过一个动画改变自身外观，例如改变某些文字的内容、新增或者移除部分组件等。

通常情况下应用程序组件一般都是单一效果。实际上还可以为一个组件应用多个效果，并且定义这些效果的播放顺序。 <mx:Panel width="400" height="300" title="创建复合效果" horizontal

当鼠标移动到Panel容器的上方的时候，出发了MouseOver事件，然后利用CursorManager类的setCursor()方法来设置鼠标指针。分别显示圆形、矩形、椭圆形、圆边矩形的类。这些类必须继承自flash.display.Sprite基类。绘制圆形的AS代码：package cursors{ import flash.display.Sprite; publi

开发人员设置组件颜色的时候，为了便捷可能直接输入颜色的英文名称还代替16位编码。例如输入“red”;"green"等。本例是如果输入“Reds”的时候就提示非法。使用StyleManager类中isColorName()来用于检测给定的字符串是否是有效的颜色名称；getColorName()用于返回对应的颜色名的数字的RGB的值。使用StringUtil类中的trim方法来取出文本框输入的

通常情况下，彩色图片转换成黑白图片需要使用一定的算法来实现。在这里就使用滤镜类来实现转换。 <![CDATA[ private var rLum:Number = 0.2225; private var gLum:Number = 0.7169; private var bLum:Number

Flex提供三个菜单栏控件：Menu、MenuBar、PopupMeunButton 。主要用于构建应用程序菜单 。效果图 <![CDATA[ import mx.events.MenuEvent; import mx.controls.Alert; [Bindable] [Embed(source="assets

默认情况下按钮都是直角矩形的样式，在此利用Button控件的cornerRadius属性来进行设置按钮圆角的半径范围。cornerRadius属性值是Number，效果如图：代码如下： <mx:Panel title="设置外观" width="200" height="150" pad

闲话不说，直接上代码！ <![CDATA[ import mx.controls.Alert; private function undraggableAlert():void { var alert:Alert = Alert.show("不能拖动Alert!"); alert.addEventListener(MouseEvent.MOUSE_DO

DataGrid组件主要用于显示数据，其本身有排序，自定义列布局，优化列标题，应用渲染器和项编辑等功能。但是DataGrid并没有实现数据过滤显示功能。效果图如下： 代码如下： <![CDATA[ import mx.controls.dataGridClasses.DataGridColumn;

使用Button控件设置常见的三种状态（down/over/up） Button { upSkin:Embed(source="assets/buttons/up.png"); overSkin:Embed(source="assets/buttons/down.png"); downSkin:Embed(source="assets/buttons/over.png

当鼠标移动到可视化组件上面的时候，进行一个短暂的提示后使提示消失。ToolTipManager类具有3个与工具提示相关的属性：showdelay ：当鼠标移到可视化组件上，提示之前等待时间的长度。hideDelay   ：从显示提示到隐藏提示之前等待时间的长度。scrubDelay：在showDelay属性设置显示工具 <![CDATA[ import

工具提示的内容可以根据显示的文本内容进行变化，这就是一种动态的工具提示。提示的核心是根据数据绑定。效果如图：代码如下：

工具提示toolTip，当用户将鼠标移动到某个可视化组建的上方的时候，工具提示会显示一些信息，以帮助用户完成操作。方法一：直接设置组件属性。 方法二：使用ActionScript来设置toolTips属性，首先获取组件的实力引用，然后设置toolTips属性。 <![CDATA[ import mx.controls.TextInput;

通过设置ToolTipManager来管理工具提示功能，利用该类的currentToolTip属性可以获取对当前工具的提示的引用。 <![CDATA[ import mx.managers.ToolTipManager; private function toggleToolTips():void { if(ToolTipManager.en

mx:Transition利用视图状态可以改变应用程序的内容和外观。当改变视图外观时，FLex会在同一时间内对应用程序执行所有的可视化修改。然而在默认情况下这个跳转过程比较突然，效果生硬。为让这一过程变得平滑和多样，Flex提供了一种称之为“过渡”的技术特性。mx:Transition标签提供三个属性fromState toState effect 属性用于设置过渡过程中要播放的Effec