|
|
對于Silverlight學(xué)習(xí)來說，首先要面對的應(yīng)該是布局：你得把元素放到你想擺放的位置，然后是考慮元素的層次以及可見性，之后可能你想讓它動起來，就學(xué)習(xí)動畫，最后理解更深入之后，可能會開發(fā)如Behavior之類的行為，或者設(shè)置復(fù)雜的控件狀態(tài)，模板。
很多教程是從使用Grid開始，然后是Canvas，StackPanel之類的控件，他教你怎樣設(shè)置元素的位置。然后就沒有下文，很少會去講解布局的原理，不過如果是看Silverlight SDK，是能看到的。其實(shí)最好的教程就是Silverlight SDK，包括像兩個不同的SL插件(即使它們在不同的瀏覽器窗口)之間的通信這些一般人沒有注意到的特性，里面都是講得清清楚楚。所以，建議不要花錢去買Silverlight相關(guān)的書。
其實(shí)，不是能使用Grid之類的就知道了布局，Silverlight布局包含更多的東西，理解布局系統(tǒng)有利于更深層的理解Silverlight，從而開發(fā)更得心應(yīng)手。
遺憾的事初學(xué)者理解布局也許有點(diǎn)復(fù)雜，可能是因?yàn)槠渲械倪f歸，但是我們生活中其實(shí)有很多遞歸系統(tǒng)的。我試著學(xué)習(xí)郭欣用鐵路系統(tǒng)描述網(wǎng)絡(luò)傳輸一樣，也來構(gòu)造這樣一個場景。
布局原理
首先，所有元素的最頂層必須是一個容器(通常如Grid，Canvas，StackPanel等)，然后在容器中擺放元素，容器中也可能包含容器。這里的容器就像行政長官一樣，他們負(fù)責(zé)分配元素的空間。同樣，首先頂層的容器一個一個的問自己的子元素：你想要多大的空間?如果子元素也是容器，它又繼續(xù)向下遞歸，最后又頂層開始向上匯報。這就是所謂的測量。
測量完之后就是排列，這個時候每個容器知道自己每個子元素想要的空間大小，就按自己的實(shí)際情況進(jìn)行分配。一致遞歸到最底層。
注意上述紅色字體部分，通過前面的故事，我們知道，資金的發(fā)放完全由行政長官控制，不管下面想要多少，都是他說了算，他甚至可以一分錢都不給，或者給你超多你的預(yù)期的數(shù)目。
這里的容器也一樣，容器擁有完全的分配權(quán)，不過這里容器不僅僅是分配空間，還決定元素的位置，因?yàn)榭臻g總是跟位置相關(guān)的。也就是說，容器說想給你多大空間你就只有有那么大的空間可使用，容器想讓你擺在什么位置，你就得乖乖呆著什么位置。
只不過，這里的容器是遵守規(guī)則的，它遵守開發(fā)者指定的規(guī)則：
Grid的規(guī)則是：我把我這個空間分成一格一格的格子，看起來有些像Table，在我里面的元素我完全按照附加屬性Grid.Row,Grid.Column，Grid.RowSpan,Grid.ColumnSpan來決定其大小和位置。
Canvas的規(guī)則是：我讀取附加屬性Canvas.Left,Canvas.Right,Canvas.Top,Canvas.Bottom，并以此來決定元素的位置，我通常不限制元素開用空間
StackPanel的規(guī)則是：根據(jù)附加屬性，我要么讓元素橫著排列，要么豎著排列。
聰明的你是不是立刻想到，我可不可以定義自己的規(guī)則呢?哈哈，當(dāng)然可以!
比如，你可以讓Panel里面的元素隨機(jī)分布，并可讓它們隨機(jī)旋轉(zhuǎn)一定角度，這不就是現(xiàn)在某些很酷的相冊嗎;你可以讓元素排成一個圓形，這不就是Blend里面的例子嗎;你可以讓元素根據(jù)某個Path元素排列，這不就是PathListBox嗎?如下圖：
所以，你現(xiàn)在是不是覺得布局不是那么簡單并且很好玩呢?
下面我們就來看怎么實(shí)現(xiàn)這么酷的東西!
基礎(chǔ)框架-FrameworkElement
為Silverlight布局中涉及的對象提供公共API的框架。FrameworkElement還定義在Silverlight中與數(shù)據(jù)綁定，對象樹和對象生存期功能區(qū)域相關(guān)的API。
繼承層次結(jié)構(gòu)：
System.Object
System.Windows.DependencyObject
System.Windows.UIElement
System.Windows.FrameworkElement
System.Windows.Controls.Border
System.Windows.Controls.Control
System.Windows.Controls.Panel
System.Windows.Shapes.Shape
NET技術(shù)：深入解讀Silverlight的布局原理，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
