Group容器
更新時(shí)間:2006年12月24日 00:00:00 作者:
Group的使用很簡(jiǎn)單,但功能很強(qiáng)大。它能讓一系列的VML對(duì)象使用共同的坐標(biāo)系,它很常用的,基本上如果使用了超過(guò)一個(gè)VML對(duì)象的頁(yè)面都使用Group。使用Group還有個(gè)好處,就是可以動(dòng)態(tài)改變CoordSize值放大或縮小整個(gè) Group 里面的VML。
相信如果你看懂了上面的代碼,對(duì) Group 一定理解了。上面使用了一個(gè)和Group一樣大小的 Rect 作為 Group的邊框,然后加上陰影渲染。用MSDN的一個(gè)很有意思的例子再看看 Group 的重要用法:(改變滾動(dòng)條的值,右邊的圖片會(huì)相應(yīng)的旋轉(zhuǎn))
該例子中,那張圖片完全是用VML畫(huà)出來(lái)的,動(dòng)態(tài)改變 Group 的 Rotation 屬性就可以實(shí)現(xiàn)整個(gè) Group 里面的對(duì)象旋轉(zhuǎn)。
<v:group ID="group1" style="position:relative;WIDTH:200px;HEIGHT:200px;" coordsize = "2000,2000">
<v:rect style="WIDTH:2000px;HEIGHT:2000px" fillcolor="#99cccc">
<v:shadow on="t" type="single" color="silver" offset="5pt,5pt">
</v:rect>
<v:oval style="position:relative;top:100;left:100;width:1000;height:1000;z-index:7;" fillcolor="red" strokeColor="red"/>
<v:rect style="position:relative;top:500;left:300;width:1000;height:1000;z-index:8;" fillcolor="blue" strokeColor="blue"/>
<v:line from="200,200" to="1000,1700" style="z-index:9" fillcolor="yellow" strokeColor="yellow" strokeWeight=2pt/>
</v:group>
相信如果你看懂了上面的代碼,對(duì) Group 一定理解了。上面使用了一個(gè)和Group一樣大小的 Rect 作為 Group的邊框,然后加上陰影渲染。用MSDN的一個(gè)很有意思的例子再看看 Group 的重要用法:(改變滾動(dòng)條的值,右邊的圖片會(huì)相應(yīng)的旋轉(zhuǎn))
該例子中,那張圖片完全是用VML畫(huà)出來(lái)的,動(dòng)態(tài)改變 Group 的 Rotation 屬性就可以實(shí)現(xiàn)整個(gè) Group 里面的對(duì)象旋轉(zhuǎn)。
相關(guān)文章
建立WEB兩大經(jīng)典!《VML極道教程》+FlashVml(閃耀之星)3.0中/英文版聯(lián)合發(fā)布!
建立WEB兩大經(jīng)典!《VML極道教程》+FlashVml(閃耀之星)3.0中/英文版聯(lián)合發(fā)布!...2006-12-12