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後邊添加起始時間和結束時間: 再添加如下代碼,用於單選:
  
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章