2016年3月16日 星期三

[UWP-C#] Grid 格子控制項(二)

上一篇文章,將Grid在Xaml裡面的用法都介紹的差不多了。

但是有時候可能會想在Code裡面來定義Layout,而如果我們想要使用Grid的話該如何使用呢?

首先先假設我們有一個Grid,要在它裡面定義行與列,以Xaml的樣子來看會像這個樣子。



假設像這樣的的設定,在C#裡面該如何寫呢?



這樣一來你就有跟上面Xaml一樣的效果了,需要注意的是當你在設定Row或Column的寬高時,它的資料型態是GridLength。

而建構GridLength時會輸入兩個參數,前者為數量,後者為型態,

Pixel - 實際的值

Auto - 塞入這格的元件有多大就多大

Star - 比例

如果對這三個屬性有所不了解,可以參考上一篇文章的說明。

最後在針對你的Grid去加入這些Definition。

而我們如果要加入元件到Grid中,那麼該怎麼設定它在哪行哪列呢?

此時會用到Grid的靜態方法SetColumn SetRow等。

就像是這個樣子。



最後如果要跨列或跨行,則是需要使用Grid的靜態方法SetColumnSpan與SetRowSpan



學會這些技巧,你應該能在C#中運用Grid了。