ymkyve
- 浏览: 47035 次
- 性别:
- 来自: 杭州
-
最新评论
文章列表
v4_09 使用容器控制组件布局
- 博客分类：
- flex
v4_09 Using constraints to control component layout 使用容器控制组件布局
这部分主要讲
当子组件依据父容器中的锚点位置的相对像素值进行定位时,如何实现基于约束的布局
为了使用基于约束布局的方法来放置组件并设置其大小,必须把该组件放在一个Spark容器当中,并且设置其layout属性为一个BasicLayout类的实例(mx其实也可以,最好使用spark容器)
上面的例子使用xy值来定位组件的位置,这里就使用以下属性来定位
这里每个属性需要一个像素值来决定该组件的位置相对于父容器的指定约束之间的距离
使用 ...
v4_07 Creating pages with Flex states 创建应用程序状态
视图状态(View states)使开发者能够在同一个应用程序中创建不同的页面布局,或者在同一个自定组件中创建不同的布局
在一个应用程序中,每一个独立的布局称为一个状态
用户和系统事件可以用来改变应用的状态
可以在不同的状态之间添加,修改或删除组件
1.状态的声明
<s:states>
<s:State name="State1"/>
<s:State name="loginState"/&g ...
v4_06 Understanding navigator containers 了解导航容器
ex4_06
这部分主要是讲
如何使用导航器(navigator)容器,包括ViewStack容器,它与其它UI控件共同工作来导航内容
有两种类型的容器
布局容器:用来控制容器子内容的大小和位置,这些子内容可能是控件或其它容器
导航容器:控制在子容器中进行导航,这些内容只可能是容器,而不是控件
注意例子中使用的component,都是使用<!--WizRtf2Html Charset=0 -->NavigatorContent 写的
Accordi ...
v4_05 Creating item renderers and item editors 创建项目渲染器和项目编辑器
ex4-05
这部分主要讲
把有关项目渲染器的知识带到DataGrid控件中,并学习如何创建项目渲染器和项目编辑器
及如何创建渲染器和编辑器作为下拉式,内联式和组件形式的实现
如何使用渲染器里面的Spark组件
如何在DataGrid控件里的一个项目上处理一个点击事件
三种方式来实现项目渲染器和项目编辑器
下拉式 内联式 组件形式
下拉式
为实现一个下拉式的项目渲染器,需要直接在一个DataGridColumn实例中的it ...
v4_04 使用DataGrid控件
- 博客分类：
- flex
v4_04 Creating and formatting the DataGrid control 使用DataGrid控件
ex4_04
DataGrid像一个电子表格那样在行和列上显示数据
它继承于ListBase类的MX组件,
它的功能如下:
可调整大小的列
可自定义的列和标题
能够将列设置成可编辑的
能够创建自定义单元格显示
能够允许多个选择
实现分页数据
拖放功能
1.简单的显示所有列
<mx:DataGrid dataProvider="{employeeList}"/>
2.只显示 ...
v4_03 在基于列表的组件中实施一个Spa
- 博客分类：
- flex
v4_03 Implementing a Spark item renderer in List-based controls 在基于列表的组件中实施一个Spark组件
这部分主要是讲如何公用一个自定义的项目渲染器
在List控件,Combobox控件中使用自定义的项目渲染器
这样,自定义的ItemRenderer被成功的使用到了不同控件中,使用方法都是一样的
<s:List dataProvider="{employeeList}"
itemRenderer="components.EmployeeItemRenderer&quo ...
v4_02 Creating a custom item renderer 创建自定义项目渲染器
ex4_02
这部分主要讲如何自定义一个项目渲染器
可以根据需要使用任意组件和容器来处理显示界面
有两种试来创建项目渲染器
1.内嵌的渲染器
对于复杂的项目渲染器就很难处理了
2.引用一个外部的类文件的itemRenderer属性
可以看打开
import spark.skins.spark.DefaultComplexItemRenderer;
import spark.skins.spark.DefaultItemRenderer;
...
v5_01 Introducing the text controls 使用文本控件
ex5_01
这部分主要讲
如何使用Spark的文本控件,样式和皮肤来改善你的程序的外观和风格
About the Spark text controls
You use Flex text-based controls to display text and to let users enter text into your application.
The following table lists the Flex text-based controls:
C ...
v4_01 Representing data in default item renderers 在项目渲染器中显示数据
这部分主要讲
DataGroup的相关知识
它是基于一系统已定义的数据来展示其它内容
以及如何在DataGroup容器中使用两个预置的Spark项目渲染器来为数据集中的每一条记录定义统一的,可重用的外观
两个默认的项目渲染器
DefaultItemRenderer:显示简单的数据类型,如字符串,数据
DefaultComplexItemRenderer:用于显示UI组件
1.定义一个list数据列表
<!-- De ...
v3_07 使用双向绑定
- 博客分类：
- flex
v3_07 Implementing two-way binding 使用双向绑定
ex3_07
前面已经讲了mxml之间和mxlm,as间的数据绑定,
所有的绑定都是单向的,这部分主要讲如何进行双向的数据绑定
单向绑定允许一个对象观测另一个对象的属性变化
双向绑定允许两个对象相互观测彼此的属性变化
以下为示例,点柱状图显示下面的InputText,反过来,修改InputText的值也能使柱状图发生改变
双向绑定开头符号 @
其实很简单, 只要在绑定的对象前面加@就可以实现双向绑定了
以下是执行点击柱状图,将对象赋值
prot ...
v3_06 validating form data 验证表单数据
这部分主要讲如何在flex应用程序中执行客户端验证
mx.validators.Validator验证器的父类
以下是所有验证器
1.首先在Declarations中声明validator
source表明绑定的哪个属性,这里使用trigger和triggerEvent来触发validator
<mx:PhoneNumberValidator id="mobileValidator"
source="{mobilePhone}"
prop ...
v4_08 laying out an application 应用布局
这部分主要讲
组件之间的父子关系,以及如何用精确的数值和百分比数值来定义子组件的位置和尺寸
一个子组件可以是一个容器或者是一个控件
在应用程序中对某个组件进行布局或定义其尺寸时,必须考虑到父组件,组件本身以及它的同级组件的属性
子组件受到它的直接父组件的约束
可以通过以下三种方式在容器中对组件进行布局
绝对位置方式:使用BasicLayout类
如果不希望所有的子元素都相互堆叠在容器的左上角,就必须明确的定义它们的x,y属性值
相对定位方式:使用VerticalLayout,Horizon ...
v3_05 Using formatters 格式化数据
ex3_05
这部分主要是了解一些用于格式化的类及如何格式化数据
mx.formatters.Formatter是Formatter的父类
它有五个子类
CurrencyFormatter
DateFormatter
NumberFormatter
PhoneFormatter
ZipCodeFormatter
以日期格式化及电话格式化为例
1.先在Declarations一个实例,formatString可以参数帮助文档
<fx:Declarations> ...
v3_04 Making an HTTPService request with parameters 使用HTTPService向服务端传递数据
ex3_04 http
这部分主要讲如何向HTTPService提交请求数据,以及如何处理服务端返回的信息
以下是两种数据绑定的方式
1.直接绑定,将mxml中的数据绑定到request请求中
可以进行数据验证,只在mxml文件中可以这样做
2.封装成参数的形式进行绑定数据到request
将参数放到send()方法中
不能做数据验证
这里使用第二种方式向服务端提交数据,并 ...
v3_03 Dispatching a value object from the custom component 从自定义组件中派发一个值对象
ex3_03
这部分主要讲了如何提交一个form到主应用程序中,其实主要内容前面已经讲过了
这里主要是对之前内部的串联
这部分的起点是MVC那个例子
1.首先建一个请求提交参数的对象
package valueObjects
{
public class VehicleRequest
{
public var id:String;
public var mobilePhone:String;
public v ...