Flex基础培训-3-[组件和布局]

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

RIA大讲堂在DataGrid中显示数据布局容器的使用创建自定义的MXML组件实现ValueObject类可以拖拽列标题到新位置可以点击标题完成排序(升序或降序)基于列表(行)的组件DataGridListTreeMenuTileListHorizontalList多个属性/对象的集合显示在一行每个对象显示在一列可以自定义列的顺序和显示,以及列标题可以选择多个项目可编辑的单元格可以使用itemRenderer自定义项目渲染支持拖放dataProviderModelDataGrid行和列View默认情况下DataGrid会显示模型中的所有数据。列标题会自动设置为属性名并且列的排列方式是不可预测的。mx:DataGridColumn/•可以限制显示的列数,并且可以通过为每一列创建一个DataGridColumn类实例的方法来设置列的显示顺序•也可以使用DataGridColumn实例来定制标题栏文字布局容器是FlashPlayer绘制的一个矩形区域,它包含控件和其它容器组件其它容器布局容器只控制其子内容的大小和位置,并且反过来被其父容器所控制。如果一个子内容大于其父内容,滚动条将会被添加以适应内容的尺寸。ApplicationPanelHBoxCanvas组件ALayout=“absolute”组件B组件Cx=“100”y=“100”组件A组件B组件Clayout=“vertical”组件A组件B组件Clayout=“horizontal”Application标签的pageTitle属性用来显示在浏览器的标题栏horizontalGap属性用来设置容器子内容之间像素间距值用于组织表单内容不同于HTML中的Form,Flex的Form只用于布局mx:Form-表单容器mx:FormHeading-定义表单的头部mx:FormItem-包含一个标签或更多的子元件你可以在画布容器块中嵌套其他的组件或者容器,通过设置x和y属性来进行绝对定位因为不需要嵌套计算,可以获得更好的性能每个的Flex应用程序都可以被分为多个MXML文件,它们都是自定义类。每个文件被称为“自定义MXML组件”,通常是程序的一个可视化区域。自定义MXML组件可以无缝集成到MXML程序中,就跟内置Flex框架组件一样。MXML组件AMXML组件BApplication将代码拆解,利于维护将代码拆为多个部分,利于团队协同工作分离出公用代码,利于重用每个自定义MXML组件是一个单独的文件和一个主程序文件一样,自定义组件也是一个XML结构和主程序文件不同的是,不使用MXMLApplication标签。创建一个新的MXML自定义组件文件要选择FileNewMXMLComponent?xmlversion=1.0encoding=utf-8?mx:HBoxxmlns:mx==400height=40verticalAlign=middlemx:Labeltext=Search/mx:TextInputtext=Entertexthere/mx:Buttonlabel=Searchnow//mx:HBox通过使用ValueObject,你可以用更有意义的方式来描述和组织你的数据。由于数据通常有多个属性(例如雇员可以有:名字,姓氏,电子邮件),开发人员可以把所有的属性集中在一个对象里,而不是依赖于多次请求服务器来获取这些信息。在Flex框架里,创建一个ActionScript类来作为一个ValueObjectpackagevalueobjects{publicclassEmployee{publicfunctionEmployee(){}}}包路径类名称构造方法都使用驼峰式命名类的首字母大写-MyClass变量的首字母小写-myClassInstancepackagevalueobjects{publicclassEmployee{publicfunctionEmployee(){}publicvarfristName:String;publicvarlastName:String;publicvarphone:String;publicvaremail:String;}}定义类的属性varcurrentEmployee:Employee=newEmployee();currentEmployee.fristName=Jim;currentEmployee.lastName=Green;currentEmployee.phone=438380189348;currentEmployee.email=hello@web.com;练习说明:exercise4.pdf练习说明:exercise5.pdfRIA行业资讯RIA活动信息活动资料(PPT,视频,源码),请加入RIAMeetingUserGroup下载

1 / 38
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功