Professional Documents
Culture Documents
Silverlight 版面配置
Silverlight 版面配置
Silverlight 配置系統
Silverlight 以外掛程式的形式嵌入網頁中,我們必須瞭解外掛程式以及 Silverlight 的內容
如何配置於網頁中,才能實作出美觀華麗的視覺化使用者介面。而這一篇文章我們來看看
如何定義 Silverlight 應用程式的內容配置技巧。
容器控制項 說明
Canvas 提供用以配置特定子元素的區域,並且以相對於 Canvas 的絕對座標定位。
Grid 透過欄位與資料行所建立的表格狀區域定位元素。
StackPanel 提供水平與垂直兩種方向的線性排列定位。
讀者可以從這裏瞭解配置管理容器的用途,當你需要動態調整版面內容配置的時候,可
以考慮選擇 Grid 或是 StackPanel。
接下來簡要的列舉三種容器控制項與畫面設計配置的關聯,後續的文章將針對其中的細
2
錯誤! 所指定的樣式的文字不存在文件中。
節逐一進行說明。
Canvas 與絕對定位
StackPanel 與線性配置
Grid 與方格區域配置
每個方格的索引值,由左至右,第一個直行的索引值為 0,從上到下,第一個橫列的索
引值為 0,因此得到以下的結果:
其中分別透過物件的「Grid.Column」與「Grid.Row」取得行與列的位置,例如上圖中間方格
4
錯誤! 所指定的樣式的文字不存在文件中。
的索引值,剛好是 Grid.Column=1 以及 Grid. Row=1,指定了這兩個屬性,便能夠明確的
指定物件配置於中間位置的方格。