12、深入探索Silverlight 3中的UI布局技术

深入探索Silverlight 3中的UI布局技术

在开发用户界面（UI）时，选择合适的布局方式至关重要。Silverlight 3提供了多种布局容器，如Canvas、StackPanel和Grid，它们各自具有独特的特点和适用场景。下面将详细介绍这些布局容器的使用方法和工作原理。

1. 传统布局的困境与Silverlight 3布局系统的优势

在Windows Forms应用程序中，传统的布局方式存在一定的局限性。例如，通过硬编码控件的Left和Top属性来定位对象，无法实现动态的UI布局，对于不同的每英寸点数（dpi）设置或屏幕分辨率的调整，以及在DataGrid中显示多列数据时，都难以提供灵活的UI。虽然引入了停靠功能，但整体的UI灵活性仍然有限。

而Silverlight 3的布局系统则具有显著优势，它支持使用与设备无关的单位或像素来动态定位基于矢量的UI元素，默认每英寸为96个单位，不受显示分辨率的影响。例如，在Expression Blend中设置一个96单位高和宽的矩形，在Windows默认的96 dpi下，它将显示为一英寸见方；当Windows切换到120 dpi时，该矩形在Expression Blend中仍显示为96单位，但在Windows中实际将变为120像素宽和高。

Silverlight 3的布局系统包含多种继承自Panel基类的容器，主要有以下三种：
- Canvas ：可以通过相对于Canvas区域的坐标来明确地定位子元素。
- StackPanel ：将子元素排列成单行，可以是水平或垂直方向。
- Grid