|
下面的 Constraints 是強(qiáng)制性定位，我們?cè)谶@里使用這個(gè)來(lái)進(jìn)行排版。
選中上面和左邊中間的框后，數(shù)值輸入0，如下圖所示：
現(xiàn)在 Panel 已經(jīng)是強(qiáng)制性定位為水平及垂直居中，大家可以運(yùn)行一下看看效果，隨意放大縮小瀏覽器吧，前提是IE，F(xiàn)F似乎總會(huì)有那么些莫名其妙的毛病出現(xiàn)。
現(xiàn)在更改一下兩個(gè)0的值，就是以中心點(diǎn)來(lái)進(jìn)行偏移到當(dāng)前值位置，可為正負(fù)值。
OK ，測(cè)試完畢，現(xiàn)在我們來(lái)看其他屬性，選中四個(gè)角，然后在各個(gè)文本框里輸入200，如下圖所示：
現(xiàn)在已經(jīng)強(qiáng)制性定位為居中并距離上下左右四個(gè)方向的邊框200px 了，大家可以試試調(diào)整各個(gè)屬性，以便熟悉其具體控制的位置。MXML 代碼如下：
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Panel title="MyFirstApp" id="myPanel" fontSize="12" top="200" left="200" bottom="200" right="200">
</mx:Panel>
</mx:Application>
里面寫(xiě)得很清楚，看不懂的偶可以偷偷的告訴你這世界上存在著金山詞霸這東西，金山公司請(qǐng)付偶廣告費(fèi)，謝謝，PM 偶即可。
下面是偶一個(gè) Web 應(yīng)用里的布局，大家可以試試怎么達(dá)到這個(gè)效果：
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Panel id="top" fontSize="12" top="5" left="5" right="5" height="100" />
<mx:HDividedBox left="5" right="5" top="115" bottom="30">
<mx:Panel id="left" width="300" height="100%" layout="absolute" />
<mx:Panel id="main" width="100%" height="100%" />
</mx:HDividedBox>
<mx:Label text="Label" left="5" right="5" bottom="2" height="22" textAlign="center"/>
</mx:Application>
下面是一個(gè)家伙的應(yīng)用……死皮賴(lài)臉的要偶幫他打廣告……不需要用戶(hù)名密碼，直接登陸即可，是用 vertical 來(lái)進(jìn)行布局的。
點(diǎn)擊訪問(wèn)
最后給大家附上一個(gè) FlexStyleExplorer (點(diǎn)擊下載) ，可以生成組件CSS 。
經(jīng)典論壇討論：
http://bbs.blueidea.com/thread-2668758-1-2.html
下一節(jié)：Flex2 學(xué)習(xí)筆記 Ⅲ
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁(yè) Flex2 學(xué)習(xí)筆記 [2] 下一頁(yè)
◎進(jìn)入論壇Flash專(zhuān)欄版塊參加討論
|
第 1 頁(yè) 
第 3 頁(yè) Flex2 學(xué)習(xí)筆記 [3]
