Grid顧名思義，是格線的意思，同時它也是最具有彈性的一個容器。
在一開始的時候，Blend會提供兩種主要的編輯模式，
分別是Grid與Canvas
可以在主要編輯畫面的左上方小圖示看到 
grid的模式，
Canvas的模式
Grid提供即時的尺寸縮放行為(run-time resizing behavior)。 
不管視窗放大或縮小，中間的圓會與最靠近的藍色格線保持一定的距離(margin)
如下圖兩個範例。 
視窗放大時，
視窗縮小時。
使用Grid容器時，可以自定格線，把整個畫面分割成一格一格的，
然後把內容物擺進去，並且使用對齊，長度，寬度，margin等來
調整物件(object)的屬性
使用選擇工具(V)，將滑鼠指標移到畫板的藍色範圍裡，
就會出現橘色的分隔線，Click一下，就可以新增分隔線。
除此之外，可以在淺藍色粗邊線的地方看見有三個圖示，
這分別是決定在這些格線裡的長寬是
被固定的(pixed sized)
隨著視窗縮放的(star sized)或者是自動的(Auto sized)
(圖左：被固定的(pixed sized)，圖中：隨著視窗縮放的(star sized)，圖右：自動的(Auto sized))
如果是固定(pixed sized)的狀態，則不管視窗縮放，則物件仍會依照原尺寸停留在原處。
如果再隨著視窗縮放的(star sized)狀態，則有點類似網頁百分比的概念，物件會隨著百分比
的長寬進行縮放。
最後是自動(auto sized)的狀態，物件的長寬比不會改變，但是與周遭的距離會自動的調整。
看圖比較清楚。
(一)固定(pixed sized)的狀態 
二、隨著視窗縮放的(star sized)
三、自動(auto sized)
至於在運用方面，
我們可以在格子內擺上許多物件，來調整物件在整個畫面上的位置。
Grid是最常被使用來布局的容器，你可以在之中固定許多物件的位置，
並且使他們都具有彼此相對的距離喔。
沒有留言:
張貼留言