Programming Flex2 - 七.UI组件

翻译 2007年10月02日 14:22:00
UI组件的分类
按钮类: Button, LinkButton, RadioButton, CheckBox
数据类: HSlider, VSlider, NumericStepper, ColorPicker, DateField, DateChooser
文字类:Label, Text, TextInput, TextArea, RichTextEditor
列表类:List, ComboBox, DataGrid, HorizontalList, TileList, Tree
弹出类:PopUpButton, PopUpMenuButton
窗口类:Panel, TitleWindow
导航类:ViewStack, Accordion, ButtonBar, LinkBar, MenuBar, TabBar, TabNavigator, ToggleButtonBar
控制条类:ControlBar, ApplicationControlBar
媒体类:Image, SWFLoader, VideoDisplay, ProgressBar

事件处理

click是Button的事件

<mx:Button id="button" label="Alpha Button" click="clickHandler(event)" />
在MXML中直接作为属性使用。event是传入clickHandler的事件对象。

var button:Button = new Button( );
button.addEventListener(MouseEvent.CLICK, clickHandler);
addChild(button);
在AS中,event会自动传入clickHandler。

private function clickHandler(event:Event):void {
    var target:Button = Button(event.target);
    target.alpha -= .1;
    if(target.alpha < 0) {
        target.alpha = 1;
    }
}

事件对象
事件对象都会有一个type属性指定该对象的类型。还会有一个target属性指定触发该事件的对象。
但有时,触发事件的对象是当前对象的子内容。比如一个按钮里面包含了另一个按钮,当点击子按钮时,理论上也同时点击了父按钮。
如果两个按钮都监听了点击事件,那么为了在事件中区分实际触发对象和当前触发的对象,事件对象中还包含一个currentTarget属性,来指定当前触发对象。
大多数时候,target和currentTarget是指同一个内容。

组件手册

七牛云图片上传:使用element-ui的upload组件

昨天问了一下element团队,他们还没有试过用element-ui的upload组件传图片到七牛云 我试了一天发现没问题,同时觉得七牛并没有一个前端后端流程都演示到的demo,于是再次记录一波...
  • lupeng0206
  • lupeng0206
  • 2017年05月04日 19:31
  • 9048

element UI+七牛云快速搭建图片服务器

最进在做网站的后台管理功能,需要能够对数据库的文章进行“增,删,改,查”,但是遇到了图片保存的问题,如果采用前端上传图片至后端,然后后端保存,数据库存储图片的相对路径,这种方式感觉有点麻烦,于是就在寻...
  • xu90868075
  • xu90868075
  • 2017年05月17日 23:40
  • 3749

Easy-UI案例使用总结

Easy-UI特点 Easy-UI常用组件 Easy-UI案例 Easy-UI案例总结
  • shuaicihai
  • shuaicihai
  • 2017年01月22日 14:17
  • 1496

element-ui的table组件在flex布局下的宽高自适应

言简意赅,长话短说。 需要的效果:element-ui的table组件在垂直和水平方向能适应不同大小的显示区域,超出区域部分可实现滚动。进而强化对于控件自适应方面的理解。注:此处的显示区域不等于屏幕...
  • OHRadiance
  • OHRadiance
  • 2018年01月06日 12:17
  • 203

Android开发之路七----UI组件2

Android开发之路七----UI组件2 今天我们继续学习UI组件,主要是学习了TextView和EditText这两种组件  TextView组件介绍:   直接的子类:   Button...
  • hj714886063
  • hj714886063
  • 2011年12月13日 21:07
  • 1502

struts2+spring3+hibernate4 + UI 组件(easyui)+代码生成器+共通封装+Spring_security权限

  • 2012年11月27日 14:54
  • 4.78MB
  • 下载

FLEX 3.2 语言组件参考(中文版)pata2 免费

  • 2010年01月08日 16:21
  • 5.84MB
  • 下载

Flex之旅:第二部分:容器与布局(2)---动态添加组件(TabNavigator)

动态添加组件 其实所谓的动态添加组件,就是使用as代码去添加,而不是使用标签去事先定义好。 我定义了一个TabNavigator,初始化时候,没有往里面添加任何的组件。 之后...
  • miqi770
  • miqi770
  • 2015年03月26日 10:23
  • 3593

flex 3 4 组件浏览、学习工具和样例编码(pack 2/2)

  • 2010年04月09日 10:07
  • 15.04MB
  • 下载

[富客户端之Flex技术] flex UI组件权限控制框架

一.快速开始 1) 下载并添加flex_security.swf在你的flex libs中,详细请查看附件. 2) 启动权限控制 //启动权限控制,permissions为用...
  • haha_mingg
  • haha_mingg
  • 2012年03月28日 15:24
  • 1516
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Programming Flex2 - 七.UI组件
举报原因:
原因补充:

(最多只允许输入30个字)