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

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

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

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

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

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

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

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