ViewBox 顯示盒


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物件不會等比縮放。




















Leave a Reply