WPF Blend Grid 佈局

這幾天都在用blend拖拽界面.我想要的效果是佈局

放大後出現的效果是設計

但實際出來的效果是放大之後能看到全部的控件,縮小之後窗體就把控件個遮住了.怎麼辦?3d

在WPF中提供了9種佈局方式,具體Grid,Canvas,StackPanel。。。記不住針對不一樣的界面實際用到的佈局也是不一樣的,所謂的設計就是視狀況而定blog

比方說上面的例子,本身從直接往上面託控件,而後手動去對齊。眼睛都成對眼兒了效果仍是不使人滿意,但若是是窗體固定大小否則其變更。這樣的方式徹底能知足需求,一個一個去對齊也惱火。grid

而後我把外面的Layoutroot (實際上也是一個grid)拆分紅9行。以下圖im

而後再2B的在每一行中加入一個grid d3

而後再在每一個grid下面2B的分3列。總結

而後把3個控件放在1,2列。而後設置控件的寬度(由於下面的lable的字符長度不一),設置控件的水平位置,垂直位置。設置margin爲0。拖拽

這樣下來基本能達到窗體放大,元素的跟着放大。間距也放大縮小。。margin

總結一下:之因此說是2B的作法,是由於不須要那麼多的grid,剛開始的時候只須要分3行,而後第一行放一個grid分6行3列。這樣只須要控制控件的在grid中的位置。設置控件的水平垂直對齊方式就ok了。

相關文章
相關標籤/搜索