天天看點

第一部分:基礎知識(第一章)标準的Silverlight檔案(續)

我們原來的目标是建立一個在中間顯示一些文本資訊的 Silverlight 程式,但由于存在幾個标題,我們需要修改以滿足其他文本的顯示。節目内容區域是檔案的頁面的對前面的"ContentPanel-地方附加内容。"注釋的底部網格此網格有一個名為"ContentPanel",我要将它非正式地稱為的"内容面闆"或"内容網格"。此網格除了标題對應的螢幕上的區域我會經常提及"内容區域"。

我們最初的目标是建立一個Silverlight程式,顯示了一些在展示中心的文本,但由于存在幾個标題,我們需要重新修改下,除了标題之外,在頁面中心的顯示一些文本。該方案内容的頁面區域是對前面所評論的檔案底部的網格“ContentPanel - 。放置其他内容在這裡”這個表格有“ContentPanel”的名義,我要引用它作為非正式“内容面闆”或“内容網格”。在從螢幕上的标題對應于這個電網分開我會經常提及的“内容區域”區域。

我們最初的目标是要建立一個Silverlight程式并在中心顯示一些文字,但是考慮到需要顯示标題,是以我們修改下可以在頁面中間顯示文本。檔案底部的Grid之前有個注釋“目錄面闆-将附加内容放置在這裡“,這是該程式的Page區域。這個Grid叫做“目錄面闆“,我非正式的将它命名為“目錄面闆“或“目錄網格“。除了标題以外的和Grid相對應的螢幕區域我通常稱之為“目錄區域“。

在内容grid中, 你可以插入一個新的TextBlock:

Silverlight Project: SilverlightHelloPhone File: MainPage.xaml (excerpt)

HorizontalAlignment="Center"

VerticalAlignment="Center" />

Text、HorizontalAlignment和VerticalAlignment都是TextBlock類的屬性。 Text屬性是String類型。 HorizontalAlignment和VerticalAlignment屬性分别是枚舉類型的HorizontalAlignment和VerticalAlignment屬性。當您在XAML中引用一個枚舉類型,你隻需要成員的名稱。

當你編輯MainPage.xaml是您可能還需要其他TextBlock元素。改變為

這個程式沒有多大意義,我們隻是示範隻有一個頁面中且有一個頁面标題的Silverlight應用程式,如果你願意的話,您可以删除第二個TextBlock的。你所做的設計視圖變化會在XAML檔案反映出來。現在,您可以編譯和運作這個程式:

<a href="http://blog.51cto.com/attachment/201203/192316743.gif" target="_blank"></a>

本書中的提供的圖檔是在接近手機實際大小的尺寸程度來提供的。

這個及其簡單的程式示範了Silverlight程式設計的一些基本概念,包括動态的布局。 XAML檔案定義了一個visual tree的元素的布局模型。這些元素能夠自己安排動态變化。HorizontalAlignment VerticalAlignment屬性可以将一個元素在另一個元素的中心或沿邊緣或角落。 TextBlock可能是一個你用的比較多的Silverlight元素,其他的Silverlight元素有bitmap images, movies, familiar controls like buttons,sliders,和 list boxes。

本文轉自shyleoking 51CTO部落格,原文連結:http://blog.51cto.com/shyleoking/803116

繼續閱讀