Flex权威指南3学习笔记之二------简单控件的使用


  1.插入图片
  在名为"product"的VBox中,找到Label"Milk",在其下面插入如下代码:
  
  这样就可以把一张图片显示出来了。
  另外,还可以如下添加一张图片:
   这样做有两个好处:程序开始时已经加载,不需要等待既可以显示;构建不访问网络的离线应用程序很有用,这样已经包含在生成的SWF中,可以正确显示。当然也有缺点:就是显著增加SWF文件的大小
  1.建立详细信息视图
  a) 使用悬停事件表示应用程序的详细状态。首先要给刚刚添加的Image添加如下属性:mouseOver="this.currentState='expand'"  mouseOut="this.currentState=''"
  b) 构建expand状态:   width="100%"> width="50%"/>      3.使用数据绑定将数据绑定到简单的控件
  在Application标签便便添加一个XML数据结构:   Dairy Milk assets/dairy_milk.jpg 1.20 1.99 true true Direct from California where cows are happiest!   在expand状态中,将Label"Text"的text的属性值为"{groceryInventory.description}" 这样就可以把在XML中的数据description的值"Direct from California where cows are happiest!"读取到expand中。
  4.使用Form表单布置简单的控件
  Flex中的Form容器会处理表单内的空间布局,自动完成一些琐碎的工作。使用Form容器,能见字段指定为必须的或者可选项、处理错误信息、执行数据检查验证。其中:是一个容器,是表单标题组件,是一些特定的表单项目。
  1)在DataEntry.mxml中,在后添加一个XML的数据结构:   Dairy Milk assets/dairy_milk.jpg 1.20 1.99 true true Direct from California where cows are happiest!   2)在下边,添加如下表单:                                    按钮"Browse"用于浏览图片,下边将创建一个"fileBrowse"函数, public function fileBrowse():void{ var myFileRef:FileReferenceList = new FileReferenceList(); myFileRef.browse(); } 3)给"Browse"添加click事件"click="fileBrowse()""
  4)显示结果如下:
  
  5.将单选按钮和数据字段添加到Dashboard
  (1)找到,在最后一个LinkButton后添加
  width="100%"/>,在Spacer后边添加起始时间和结束时间:     再添加如下代码,用于单选:    
  

你可能感兴趣的:(Flex)