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

使用布局管理

 2008-10-03 11:31:35 来源:WEB开发网   
核心提示: 好消息是,这很容易实现,使用布局管理(6),只要去除根控件上的 Width 和 Height 属性就行了:这样,我们的 Silverlight 应用程序就会自动扩展(或收缩),能够真正的从 Digg.com 去获取故事内容,如果你想知道怎么实现,以填满其嵌入的 HTML 容器,因为我们用来

好消息是,这很容易实现。只要去除根控件上的 Width 和 Height 属性就行了:

使用布局管理

这样,我们的 Silverlight 应用程序就会自动扩展(或收缩),以填满其嵌入的 HTML 容器。因为我们用来测试的 SilverlightTestPage.html 文件将 Silverlight 控件放置在一个 HTML <div>元素中,并且其 CSS 设置中宽高均为 100%, 所以 Digg 应用程序最终会填满整个浏览器:

使用布局管理

注意页面头部中的文字内容的尺寸是如何随着浏览器宽度而自动改变的:

使用布局管理

当我们缩小浏览器尺寸时,带水印的文本框和搜索按钮会保持同样的尺寸,因为其 Grid 容器列的宽度是固定的。包含 "Digg Search" 标题的 <Border> 控件却会自动调整尺寸,因为其 Grid 列的宽度设置成了 Width="*".

我们不需要编写一行代码就可以启用这个布局行为,Grid容器和布局系统会为我们自动调整大小或流动其中的任何东西。

下一步

现在我们已经创建好了 Digg 程序的布局结构,并且定义好了页面头部的行。

下一步,我们会实现该程序的搜索行为 - 让它在程序的终端用户搜索某个标题时,能够真正的从 Digg.com 去获取故事内容。

如果你想知道怎么实现,请继续阅读下一篇: 使用 Networking 获取数据并填充 DataGrid。

出处:http://blog.joycode.com/scottgu/

【原文地址】Silverlight Tutorial Part 2: Using Layout Management

上一页  1 2 3 4 5 6 

Tags:使用 布局 管理

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