探究Flex和CSS的強大功能
本文和大家重點討論一下Flex和CSS的強大功能，F(xiàn)lex最為強大的特性之一是其包含的極大的設計靈活性。這些靈活性大部分可歸功于Adobe用Flex實現(xiàn)CSS。
探索Flex和CSS的強大功能
利用已經構建到Adobe?Flex?框架內的CSS的強大功能。本文提供了在Flex內開始使用CSS所需的信息，也提供了在使用Flex設計和開發(fā)用戶界面時加速工作流的提示和技巧。
◆Flex最為強大的特性之一是其包含的極大的設計靈活性。這些靈活性大部分可歸功于Adobe用Flex實現(xiàn)CSS。以我為例，我最近為一個新的AdobeAIR?應用程序擔任高級UI設計員，在我向全球160,000個用戶正式發(fā)布第一個公開發(fā)布版的若干天前，我收到了大量設計更改請求。雖然很多開發(fā)人員都會將這些最后一分鐘的請求看作是讓人頭痛的事，我卻能在不足20分鐘內完成這些更改并將其放入版本控制，而這完全得益于Flex和CSS的強大功能。
我將CSS與Flex的使用看作是UI開發(fā)內的一種利用形式。通過我在UI開發(fā)中積累的經驗，我已經學會了為一些必然性做預期和準備。其中一個必然性是不管您在之前做了什么樣的計劃，項目的設計與功能需求都會在整個開發(fā)周期內隨時發(fā)生變化。這是基于團隊環(huán)境做大規(guī)模應用程序開發(fā)時的游戲規(guī)則，要在游戲中取勝，最好的方法就是預先判斷出所有玩家的動向，然后再提前相應做好自己的定位。學會了靈活使用這個開發(fā)技巧后，您就可以立于不敗之地，那時再去擊打一個移動目標就變得輕松多了。Flex的性能，比如與CSS的集成，恰巧可以讓您這么做，正是因為這一點，我才迷上了用Flex進行開發(fā)。
我的目標是在您讀完本文后，您也能夠通過Flex去充分利用CSS的強大功能，并能作為一名精通FlexUI的開發(fā)者戰(zhàn)無不勝。如果您已經是一個Flex愛好者，那么我希望您能通過本文學會新的通過Flex使用CSS的技巧—特別是對于企業(yè)級應用程序。
為何要使用CSS？
大多數(shù)面向對象的設計模式都將設計邏輯與行為功能分離開來。由于AdobeActionScript?是一種面向對象的語言，因此它也就自然而然地要遵守這些面向對象的編程（OOP）約定。這么做的好處包括靈活性、保持應用程序易于維護、代碼重用和更好的性能。
在Web設計界，CSS是一種標準，用來封裝組成Web站點的代碼。考慮到CSS的功能和成熟性，很多有經驗的Web設計人員都力求用CSS實現(xiàn)Web站點的設計和布局屬性。其結果是可以獲得對站點觀感的更多的控制和更好的靈活性。CSS在三、四年前就已經十分流行，那時候Web開發(fā)人員開始意識到如果Web站點的設計能夠獨立于該站點的行為功能，那么站點的設計在不破壞或者不會對該站點的行為代碼產生負面影響的同時，可以很容易地被修改。這也推動了模板的迅速發(fā)展、對相同代碼庫的皮膚設置以及重新進行皮膚設置。比如，我熱衷于為我的博客網站使用WordPress。有成千上萬的人都在使用相同的開源代碼庫來支撐其博客站點，而很多時候，您遇到的站點都是構建在WordPress之上的，而您卻往往察覺不到這一點，這完全得益于其通過使用CSS對代碼和設計進行的成功分離。
Flex內的CSS
首先，對于具有Web設計背景的人，最為重要的是要理解FlexCSS并不遵循與W3CCSS規(guī)定相同的約定。在W3CCSS版本2.0中被用來分離單詞的連字符（-）并未用作Flex實現(xiàn)內的代碼約定的一部分。相反，CSS的Flex實現(xiàn)使用了駝峰式大小寫。比如，W3CCSS2規(guī)范內的vertical-center對等于FlexCSS內的verticalCenter。如果您已經在使用了駝峰式大小寫的編程語言內進行過編程，那么，這非常容易習慣。好的消息是CSS2.0規(guī)范內可用的大部分內容在FlexCSS實現(xiàn)內也可用。并且，CSS的Flex實現(xiàn)是在CSS2.0W3C標準上的顯著擴展，提供了額外的、對Flex組件惟一的樣式屬性。
【編輯推薦】
- Flex中Cairngorm框架組成和使用
- 解析三大Flex布局用法
- 全面認識Flex應用程序的六大元素
- Flex中Number數(shù)據(jù)類型用法詳解
- Flex數(shù)據(jù)綁定及其使用頻繁的幾種情況
