首先在專案管理視窗，檔案→新增項目→UserControl。
並新增新現有項目，匯入4張圖檔。
並新增新現有項目，匯入4張圖檔。
(如下可見專案下新資料夾匯入4個png圖片檔案)
接著使用Grid工具在舞台畫出範圍，會看到Grid元件範圍呈現。
包括 :
A 主舞台元件，可以選擇右邊"版面配置"調整舞台的寬高度尺寸。
B 佔滿主舞台的預設元件。
C Grid元件，剛剛利用Grid工具拉出的Grid元件。
D 切換圖示，又可分為兩種模式。
E 鎖定符號，又分為兩種。
F 參考線 。
G 當Grid分割出區塊，便會出現此鎖定符號。 鎖定符號，又分為兩種。
接下來搭配圖檔實作練習看Grid元件中裝了東西會如何變化?
在Grid中放入一張圖檔(元件管理視窗上圖檔會被Grid包覆)
舞台中的獅子圖檔對應右邊"版面配置"設定，可調整與邊界的距離、圖檔的寬高尺寸。
當圖檔設定自動寬高，且Grid間距四邊鎖定，這樣在拉動Grid元件時，圖片會跟著變形。
當圖檔寬高度固定時，且Grid間距四邊不鎖定，這樣在拉動Grid元件時，圖片並不會跟著變形，只會影響顯示範圍。
Posts
