Silverlight控件与应用模型详解

### Silverlight 控件与应用模型详解 #### 1. 范围控件 Silverlight 包含三种基于范围概念的控件，它们分别是 ScrollBar、Slider 和 ProgressBar，这些控件均继承自 RangeBase 类，而 RangeBase 类又继承自 Control 类。RangeBase 类添加了 ValueChanged 事件、Tooltip 属性以及以下范围属性： | 属性 | 描述 | | --- | --- | | Value | 控件的当前值，必须介于最小值和最大值之间，默认从 0 开始，为 double 类型，可接受小数值。可通过响应 ValueChanged 事件来获取值的变化通知。 | | Maximum | 上限值，即允许的最大值，默认值为 1。 | | Minimum | 下限值，即允许的最小值，默认值为 0。 | | SmallChange | “小变化”时 Value 属性的调整量，其含义取决于具体控件。对于 ScrollBar 和 Slider，使用箭头键时值的变化量为此值，ScrollBar 还可使用两端的箭头按钮。默认值为 0.1。 | | LargeChange | “大变化”时 Value 属性的调整量，其含义取决于具体控件。对于 ScrollBar 和 Slider，使用 Page Up 和 Page Down 键或点击滑块两侧的条时值的变化量为此值。默认值为 1。 | 通常，无需直接使用 ScrollBar 控件，更高级的 ScrollViewer 控件（包含两个 ScrollBar 控件）通常更有用。而 Slider 和 ProgressBar 则有其独立的用途。 ##### 1.1 Slider 控件 Slider 是一种特殊的控件，在某些情况下很有用。例如，在设置媒体播放器的音量时，可通过拖动滑块来实现。滑块的大致位置表示相对音量大小（正常、安静、响亮），但具体数值对用户来说并无实际意义。以下是创建水平滑块的示例代码： ```xml <Slider Orientation="Horizontal" Minimum="0" Maximum="10" Width="100" /> ``` 与 WPF 不同，Silverlight 的 Slider 控件不提供添加刻度线的属性，但可使用控件模板功能更改其外观。 ##### 1.2 ProgressBar 控件 ProgressBar 用于指示长时间运行任务的进度，它不是用户交互控件，需要通过代码定期增加 Value 属性。默认情况下，ProgressBar 的最小值为 0，最大值为 100，Value 对应已完成工作的百分比。若不知道任务需要多长时间完成，可将 IsIndeterminate 属性设置为 true，以显示一个持续运行的状态指示器： ```xml <ProgressBar Height="18" Width="200" IsIndeterminate="True"></ProgressBar> ``` 设置 IsIndeterminate 后，将不再使用 Minimum、Maximum 和 Value 属性，ProgressBar 将显示一个从左到右连续移动的阴影图案，表示有工作正在进行，但不提供具体的进度信息。 #### 2. 日期控件 Silverlight 新增了两个日期控件，分别是 Calendar 和 DatePicker，它们都允许用户选择单个日期。 ##### 2.1 Calendar 控件 Calendar 控件显示的日历类似于 Windows 操作系统中的日历，一次显示一个月，可通过点击箭头按钮逐月切换，或点击月份标题查看全年并选择特定月份。 ##### 2.2 DatePicker 控件 DatePicker 控件占用空间较小，它类似于一个简单的文本框，可容纳长或短日期格式的日期字符串。点击下拉箭头可弹出一个与 Calendar 控件相同的完整日历视图，该弹出窗口会覆盖其他内容，类似于下拉组合框。 Calendar 和 DatePicker 包含一些属性，可用于确定显示哪些日期以及哪些日期可选（前提是这些日期在连续范围内），具体属性如下： | 属性 | 描述 | | --- | --- | | DisplayDateStart 和 DisplayDateEnd | 设置日历视图中显示的日期范围，从最早日期（DisplayDateStart）到最近日期（DisplayDateEnd）。用户无法导航到没有可显示日期的月份。若要显示所有日期，可将 DisplayDateStart 设置为 DateTime.MinValue，将 DisplayDateEnd 设置为 DateTime.MaxValue。 | | BlackoutDates | 包含一组在日历中禁用且不可选的日期。若这些日期不在显示范围内或其中一个日期已被选中，将抛出异常。可调用 BlackoutDates.AddDatesInPast() 方法防止选择过去的日期。 | | SelectedDate | 以 DateTime 对象形式提供所选日期（若未选择则为 null）。可通过用户在日历中点击日期或在 DatePicker 中输入日期字符串来设置。在日历视图中，所选日期会用阴影方块标记，但仅在日期控件获得焦点时可见。 | | SelectedDates | 以 DateTime 对象集合形式提供所选日期，仅 Calendar 控件支持此属性，且仅在将 SelectionMode 属性更改为允许多个日期选择时有用。 | | DisplayDate | 确定日历视图中最初显示的日期（使用 DateTime 对象）。若为 null，则显示 SelectedDate；若两者都为 null，则使用当前日期。显示日期决定了日历视图的初始月份页面。当日期控件获得焦点时，该月的相应日期会显示一个方形轮廓。 | | FirstDayOfWeek | 确定每周开始显示的星期几，位于最左侧位置。 | | IsTodayHighlighted | 确定日历视图是否突出显示当前日期。 | | DisplayMode（仅 Calendar） | 确定日历的初始显示月份。若设置为 Month，则显示标准的单月视图；若设置为 Year，则显示当前年份的月份（类似于用户点击月份标题时的显示）。用户点击月份后，将显示该月的完整日历视图。 | | SelectionMode（仅 Calendar） | 确定允许的日期选择类型，默认值为 SingleDate，允许选择单个日期。其他选项包括 None（完全禁用选择）、SingleRange（可选择连续的一组日期）和 MultipleRange（可选择任意日期组合）。在 SingleRange 或 MultipleRange 模式下，用户可拖动鼠标或按住 Ctrl 键点击来选择多个日期。可使用 SelectedDates 属性获取所有所选日期的集合。 | | IsDropDownOpen（仅 DatePicker） | 确定 DatePicker 中的日历视图下拉框是否打开，可通过编程方式设置此属性来显示或隐藏日历。 | | SelectedDateFormat（仅 DatePicker） | 确定所选日期在 DatePicker 文本部分的显示格式，可选择 Short 或 Long。实际显示格式基于客户端计算机的区域设置。例如，使用 Short 格式时，日期可能显示为 yyyy/mm/dd 或 dd/mm/yyyy，长格式通常包含月份和日期名称。 | 日期控件还提供了一些事件，其中最有用的是 DatePicker 的 SelectedDateChanged 事件和 Calendar 的 SelectedDatesChanged 事件，可用于拒绝特定日期的选择，例如周末日期： ```csharp private void Cal ```