ViewBox 顯示盒
使用ViewBox工具在舞台畫出範圍,會看到ViewBox元件範圍呈現如下:
ViewBox 工具
ViewBox 元件,剛剛利用ViewBox工具拉出的ViewBox 元件。
ViewBox元件基本設計有
筆刷面板 : 設定透明度填色
Stretch : 設定填滿方式
StretchDirection : 設定填滿目標
Stretch : 設定填滿方式,又有4種 :
1. None: 無設定
2. Fill: 填滿ViewBox 顯示盒範圍
3. Uniform: 物件(燈籠圖片)等比延伸不超出工作區域範圍,
並隨著ViewBox 顯示盒尺寸縮放。
4. UniformToFill: 物件(燈籠圖片)有一定尺寸,若ViewBox 顯示盒尺寸
縮放小於物件尺寸,則只會顯示出ViewBox 顯示盒尺寸範圍的內容。
StretchDirection : 設定填滿目標,又有3種 :
1. UpOnly : 當顯示範圍超過物件(燈籠圖片)原始大小,物件會隨ViewBox縮放。
2. DownOnly
:當顯示範圍小於物件(燈籠圖片)原始大小,物件會隨ViewBox縮放。
3. Both :不論如何子物件都隨Viewbox縮放。
接下來搭配圖檔實作練習看ViewBox
元件中裝了東西會如何變化?
在ViewBox 中拉出一個Grid (元件管理視窗上" 形狀物件"
會被ViewBox包覆)
在ViewBox中拉出一個Grid
當我們要在ViewBox中再拉出一個Grid時,會發現原本的形狀物件被取代掉了。
接著將Grid分割成四塊,在每個區塊再放入物件(燈籠圖片)。
可以發現物件(燈籠圖片)數量不受限制。
當縮放ViewBox物件,Grid物件也會跟著等於縮放,但位置不受影響。
反之,若Grid物件沒有受ViewBox物件包覆而縮放,則Grid物件不會等比縮放。