亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

Flex 3 布局容器學習筆記

系統 2240 0

賴勇浩( http://laiyonghao.com

國慶期間,做了不少基于 flex 的開發工作,對 flex 的布局容器有了進一步深入的理解,也找到不少非常棒的文章,分享到這里方便一下大家。

很好的文章

Flex3 界面布局教程 (1)

http://blog.chinaunix.net/u/21684/showart_691988.html

Flex3 界面布局教程 (2)

http://blog.chinaunix.net/u/21684/showart_692022.html

Flex 組件的定位和布局

http://www.adobe.com/cn/devnet/flex/quickstart/layout_modes/

Using Layout Containers

http://livedocs.adobe.com/flex/3/html/help.html?content=layouts_07.html

基本上看完前三篇,這方面就能搞得很好了;最后一篇是官方的關于布局容易的手冊,有空的時候看看,可以了解更多細節。下面開始分享我的學習筆記(有潤色),內容沒有脫離上面的四篇文章,沒興趣的朋友可以跳過不看了。

定位模式

要想弄明白 flex 的界面布局,就有必要先弄明白它的定位模式。 flex 的自由之處在于你可以在 mxml 里寫上許多定位模式的代碼,當這些定屬性發生沖突時,它會自動根據優先級來執行優先級最高的定屬性。你不用擔心記不住這些優先級, flex 這個 IDE 在檢測到沖突時,會在 problem 框里顯示一個警告,這樣你可以去掉優先級比較低的定位屬性了。

眾多的定位模式中第一個是絕對模式,即你通過確定的數值來設定 x y width height 屬 性;使用絕對模式你需要知道你的控件擺在哪個位置和確定它的大小,顯然地這很難讓你的客戶方便地獲得適應客戶屏幕和習慣的布局,所以我們更常用的是自動定 位;自動定位仍然不夠靈活,這時我們可以使用基于約束的布局,顧名思義,這是一種通過描述其與容器的關系來實現布局的方法,通過使用子組件的 top bottom left right horizontalCenter verticalCenter 樣式屬性來指定限制。關于這方面的更多內容,可以通過上面推薦的第三篇文章來了解。

HBox VBox Spacer

這兩個 Box 類是“看不見”的控件,用來約束其中的組件布局。如果你用過 wxWidgets 那一定對它們相當熟悉了,這種基于 Box 的布局方法加上約束屬性,可以很容易地做出隨著父控件的大小變化而相應地保持比例的變化,唉啊,想起當年用 MFC 實現這樣的效果,我寫了多少代碼,調試了多少個夜晚啊!

Box 控件中,某兩個控件之間的距離由 verticalGap 屬性設定,默認值并不是 0 ,所以如果你想把兩個控件緊挨在一起,需要手動把它設置為 0 ;如果你想單獨地調整某兩個控件間的間隔,那么可以使用“看不見的看得見的”控件 Spacer 來隔開它, Spacer 在界面上顯示為一個純透明的組件,所以看不見,但又能起到空白的作用,所以又看得見,它的 width height 屬性可以相對應地讓 HBox VBox 控制的組件更加漂亮。

ApplicationControlBar

如果你用 Win32 SDK MFC 界面編程的經歷,你一定為“在工具欄上加一個 ComboBox Edit 的需求”而抓狂過吧?現在不用怕了,來到 flex 的世界,像這種問題,用 ApplicationControlBar 是相當相當地小 case 。看看下面這個圖多復雜,用了它,就是一個 1 + 1 = 2 的小 case 了。


DividedBox HDividedBox VDividedBox

別說是用 MFC ,哪怕是用 wxWidgets ,做一個可以隨時拖放改變切分比例的分割組件也是困難的,但到了 Flex 的時代,一切都變得非常容易了,使用 DividedBox 及其子類可以像使用 Box 及其子類那樣方便地分割組件,下面就是一個活生生的例子,拖動中間的分隔條,可以隨時改變大小比例。


除了這些以外,還有最常用的容器 Canvas ApplicationControlBar 的基類 ControlBar 、很有 web 特色的 Form, FormHeading, and FormItem 、與 Box 類似的 Grid 、以及 Panel Tile TitleWindow ,這些類都可以在手冊里看到,還是那句話:有空的時候, read the fucking manuals ;工作的時候, google is your friend

Flex 3 布局容器學習筆記


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 中文字幕在线视频不卡 | 九九精品热线免费观看6 | 亚洲综合色婷婷中文字幕 | 亚洲一区二区福利视频 | 九九re6精品视频在线观看 | 欧美怡红院免费全部视频 | 够爱久久| 欧美艹逼视频 | 日日噜噜夜夜狠狠久久丁香 | 亚洲精品一区二区卡 | 精品国产日韩亚洲一区二区 | 日韩欧美一区二区久久黑人 | 夜夜操天天摸 | 日韩中文字幕视频 | 五月花在线观看播放视频 | 牛牛影视成人午夜影视 | 日韩欧美精品中文字幕 | 青青青青久久精品国产一百度 | 欧美成人激情视频 | 国产成人精品免费视频大全办公室 | 成人免费毛片观看 | 奇米在线观看视频 | 大学生不戴套毛片视频 | 91视频香蕉视频 | 国内一区亚洲综合图区欧美 | 噜噜嘿在线视频免费观看 | 男人女人真曰批的视频动态 | 精品煌色视频网站在线观看 | 国产二级毛片 | 99久热这里只有精品免费 | 日韩黄色网址 | 一区精品视频 | 中文字幕在线观看一区二区三区 | 日本免费不卡视频 | 香蕉视频国产在线观看 | 国产欧美日韩一区二区三区 | 深夜精品影院18以下勿进 | 久久一日本道色综合久久 | a级做爰片毛片视频 | 黄色影院在线看 | 精品视频在线观看 |