FLEX技術(shù)之三控件和容器

1、FLEX技術(shù)之三控件和容器1FLEX技術(shù)之二控件和容器1Flex 3提供哪些控件2Flex 3提供哪些容器3如何設(shè)置組件大小4組件定位和布局的方法5簡介數(shù)據(jù)提供程序和集合應用實踐2知識回顧FLEX的應用程序框架使用 MXML去定義用戶界面的元素。使用ActionScript 去定義客戶端的邏輯并進行控制。Flex類庫包括了Flex組件、管理器和行為。3知識回顧基于約束布局的理解4知識回顧基于約束布局的理解5知識回顧控制應用程序的外觀控制應用程序的外觀，常涉及到如下內(nèi)容：1. 大小/Sizes，即組件或應用程序的高度和寬度。在波浪括號/ 里的數(shù)值將控件屬性聯(lián)系起來。6知識回顧控制應用程序的外觀2

2、.嵌入圖像：可以嵌入具有 PNG、JPEG 和 GIF 文件格式的圖像, SWF 文件, 具有 MP3 文件格式的聲音文件, SVG 文件和字體。 Embed 指令在 Flex 應用程序中嵌入只希望顯示一次的圖像7知識回顧控制應用程序的外觀2.嵌入圖像：可以嵌入具有 PNG、JPEG 和 GIF 文件格式的圖像, SWF 文件, 具有 MP3 文件格式的聲音文件, SVG 文件和字體。 Embed 指令在 Flex 應用程序中嵌入只希望顯示一次的圖像8知識回顧控制應用程序的外觀2.嵌入圖像：可以嵌入具有 PNG、JPEG 和 GIF 文件格式的圖像, SWF 文件, 具有 MP3 文件格式的聲

3、音文件, SVG 文件和字體。 Embed 指令在 Flex 應用程序中嵌入只希望顯示一次的圖像9知識回顧控制應用程序的外觀2.嵌入圖像：可以嵌入具有 PNG、JPEG 和 GIF 文件格式的圖像, SWF 文件, 具有 MP3 文件格式的聲音文件, SVG 文件和字體。 Embed 指令在 Flex 應用程序中嵌入只希望顯示一次的圖像10控制應用程序的外觀，常涉及到如下內(nèi)容：3. 樣式/Styles， 即一組特性， 如字體、 排列方式、 顏色等。 它們都是通過層疊樣式 （CSS）來進行設(shè)置的。 知識回顧控制應用程序的外觀setStyle() 方法采用兩個參數(shù): 樣式名稱和樣式值。11知識回顧

4、使用數(shù)據(jù)綁定Flex提供簡潔的語法來實現(xiàn)組件間的、或與數(shù)據(jù)模型的綁定。 1.嵌入數(shù)組。12Flex提供簡潔的語法來實現(xiàn)組件間的、或與數(shù)據(jù)模型的綁定。2.獲取數(shù)據(jù)，數(shù)組綁定 知識回顧使用數(shù)據(jù)綁定13Flex提供簡潔的語法來實現(xiàn)組件間的、或與數(shù)據(jù)模型的綁定。3.獲取XML外部數(shù)據(jù)綁定 知識回顧使用數(shù)據(jù)綁定 14FLEX技術(shù)之三實例之一導航容器組件ButtonBar導航組件應用按不同的按鈕顯示不同的內(nèi)容：15FLEX技術(shù)之三實例之一導航容器組件ButtonBar導航組件應用按不同的按鈕顯示不同的內(nèi)容：16FLEX技術(shù)之三實例之一accordion導航容器組件ButtonBar導航組件應用按不同的按鈕

5、顯示不同的內(nèi)容：17FLEX技術(shù)之三實例之一accordion導航容器組件布局accordion導航組件；功能按鈕切換顯示容器的內(nèi)容；底部按鈕控制顯示容器的內(nèi)容。18FLEX技術(shù)之三實例之一accordion導航容器組件布局accordion導航組件；功能按鈕切換顯示容器的內(nèi)容；底部按鈕控制顯示容器的內(nèi)容。 19FLEX技術(shù)之三實例之一accordion導航容器組件布局accordion導航組件；功能按鈕切換顯示容器的內(nèi)容；底部按鈕控制顯示容器的內(nèi)容。 你來試一試！20FLEX技術(shù)之三實例之二導航容器組件布局導航組件；功能按鈕切換顯示容器的內(nèi)容；為命令按鈕組加圖標。你來試一試！21FLEX技術(shù)

6、之三實例之二導航容器組件布局導航組件；功能按鈕切換顯示容器的內(nèi)容；為命令按鈕組加圖標。圖標用PS除掉黑邊，存為18*18 24bpng文件。22FLEX技術(shù)之三實例之二導航容器組件布局導航組件；功能按鈕切換顯示容器的內(nèi)容；為命令按鈕組加圖標。圖標設(shè)置看代碼。 23實戰(zhàn)任務(wù)1完成實例之一accordion導航容器組件任務(wù)2完成實例之二ButtonBar導航容器組件任務(wù)3如何創(chuàng)建Flex播放器504如何創(chuàng)建文本編輯器525如何創(chuàng)建菜單欄576如何創(chuàng)建彈出菜單597如何創(chuàng)建不可拖動的Alert對話框6324實戰(zhàn)任務(wù)1完成實例之一accordion導航容器組件任務(wù)2完成實例之二ButtonBar導航容

7、器組件任務(wù)3如何創(chuàng)建Flex播放器504如何創(chuàng)建文本編輯器525如何創(chuàng)建菜單欄576如何創(chuàng)建彈出菜單597如何創(chuàng)建不可拖動的Alert對話框6325實戰(zhàn)任務(wù)1完成實例之一accordion導航容器組件任務(wù)2完成實例之二ButtonBar導航容器組件任務(wù)3如何創(chuàng)建Flex播放器504如何創(chuàng)建文本編輯器525如何創(chuàng)建菜單欄576如何創(chuàng)建彈出菜單597如何創(chuàng)建不可拖動的Alert對話框6326實戰(zhàn)任務(wù)1完成實例之一accordion導航容器組件任務(wù)2完成實例之二ButtonBar導航容器組件任務(wù)3如何創(chuàng)建Flex播放器504如何創(chuàng)建文本編輯器525如何創(chuàng)建菜單欄576如何創(chuàng)建彈出菜單597如何創(chuàng)建不可拖動的Alert對話框6327實戰(zhàn)任務(wù)1完成實例之一accordion導航容器組件任務(wù)2完成實例之二ButtonBar導航容器組件任務(wù)3如何創(chuàng)建Flex播放器504如何創(chuàng)建文本編輯器525如何創(chuàng)建菜單欄576如何創(chuàng)建彈出菜單597如何創(chuàng)建不可拖動的Alert對話框6328實戰(zhàn)任務(wù)