第一部分:基础知识(第一章)标准的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文件反映出来。现在,您可以编译和运行这个程序:

本书中的提供的图片是在接近手机实际大小的尺寸程度来提供的。

这个及其简单的程序演示了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

相关文章

热门文章

最新文章