10、Silverlight UI开发与数据绑定全解析

Silverlight UI开发与数据绑定全解析

1. UI布局设置与技巧

在UI开发中，布局设置是关键的第一步。以椭圆控件为例，为了消除拉伸现象，我们需要给四个椭圆控件都设置宽度为100像素。默认状态下，会得到四个堆叠且有间隔的圆形。最后，给第二个椭圆添加100像素的左外边距，给第三个椭圆添加100像素的右外边距。

在布局系统中，布局控件提供了极大的灵活性。开发者在初始阶段应尽可能使用这些控件来布局UI。以下是一些布局技巧：
- 使用合适的布局控件 ：
- 首先使用带有行和列的网格（Grid）来分隔UI。
- 对于水平或垂直排列的项目，使用堆栈面板（StackPanel）。
- 根据需要调整水平对齐（HorizontalAlignment）和垂直对齐（VerticalAlignment）属性。
- 合理应用外边距和内边距 ：在大致布局完成后，根据需要应用外边距（Margin）和内边距（Padding）来设置容器内控件的间距。
- 谨慎设置宽度和高度 ：避免一开始就为每个控件设置宽度（Width）和高度（Height），因为这会覆盖其他布局配置，可能导致控件显示异常。只有在确保内容正确显示时才设置宽度和高度。

虽然Silverlight布局系统会消耗CPU周期来确定定位，但在大多数情况下，遵循上述建议可以提供最大的灵活性和出色的性能。只有在帧率下降时，开发者才应考虑使用绝对定位来减少布局计算，但收益可能有限。

2. 数据绑定概述

基于XAML的编程语言（如WPF和S