WEB开发网
开发学院图形图像Flash 使用布局管理 阅读

使用布局管理

 2008-10-03 11:31:35 来源:WEB开发网   
核心提示: 对头部的行,我们用内建的 <Border> 控件(设置其 CornerRadius 为 10,使用布局管理(5),以得到圆角效果)并在其中添加一些文本来创建标题,我们用内建的 <WatermarkedTextBox> 控件来创建第二列的搜索文本框,但我们的 Digg

对头部的行,我们用内建的 <Border> 控件(设置其 CornerRadius 为 10,以得到圆角效果)并在其中添加一些文本来创建标题。我们用内建的 <WatermarkedTextBox> 控件来创建第二列的搜索文本框。并在第3列放置一个搜索 <Button>. 然后我们在第二行放一些占位文字,稍后我们会在这里显示搜索结果。

注:下面我会直接在控件中内嵌样式信息(FontSize, Colors, Margins 等)。在这个系列教程中,晚一点我会演示如何用 Styles 来提取、封装这些设定到一个独立的文件中(类似 CSS),以便于在整个应用程序中重用。

使用布局管理

现在,让我们运行一下应用程序,就会显示出如下的界面:

使用布局管理

动态改变应用程序的尺寸

你也许注意到了,在上面的 XAML 中我们的顶层控件设置成了固定的高度和宽度:

使用布局管理

这样设置,我们的 Silverlight 应用程序会一直保持这个固定的尺寸。放大浏览器的尺寸会更明显:

使用布局管理

虽然在某些场合下,将内嵌的应用程序固定在 HTML 页面的一个固定尺寸的区域内会很有用,但我们的 Digg 搜索程序不一样,我们宁愿它能自动随着浏览器而缩放,就像一个普通的 HTML 页面那样。

上一页  1 2 3 4 5 6  下一页

Tags:使用 布局 管理

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接