企业官网建设流程全解析

Silverlight布局：从基础到高级应用

1. 布局容器概述

在用户界面设计中，合理组织内容至关重要，尤其是在浏览器托管的应用程序中，因为应用可能会在各种不同的计算机和设备上使用，且无法控制浏览器窗口的大小。幸运的是，Silverlight继承了WPF极其灵活的布局模型的重要部分，可通过布局容器来组织内容。

Silverlight窗口只能容纳单个元素，若要容纳多个元素并创建实用的用户界面，需在页面中放置容器，再添加其他元素，布局由所使用的容器决定。所有Silverlight布局容器都是从System.Windows.Controls.Panel类派生的面板，该类有两个公共属性：Background和Children。Background用于设置面板背景的画刷，Children是存储在面板中的项的集合。

Silverlight提供的三个核心布局面板如下表所示：
| 名称 | 描述 |
| ---- | ---- |
| StackPanel | 将元素按水平或垂直方向堆叠，通常用于较大、较复杂页面的小部分。 |
| Grid | 根据不可见的表格将元素排列成行列，是最灵活且常用的布局容器之一。 |
| Canvas | 允许使用固定坐标绝对定位元素，是最简单但灵活性最低的布局容器。 |

布局容器可以嵌套，典型的用户界面通常从最强大的Grid容器开始，其中可能包含其他布局容器来组织小的元素组。