SimpleScrollViewer

此页仅适用于 WPF 项目

滚动查看器是一种内容控件,用于在可滚动的区域中显示其内容。在 Microsoft Expression Blend 中,可以通过双击滚动查看器并在其中绘制元素,从而在滚动查看器中放入内容。如果希望在该滚动查看器中放入多个元素,则需要先添加一个版式面板(如网格或画布)。默认情况下,滚动查看器也可以显示文本;通过选择滚动查看器,然后在“属性”面板的“公共属性”下修改“Content”属性,可以编辑文本。若要在滚动查看器的边界之外定位元素,需要在“属性”面板的“布局”下的“高级属性选项”中手动设置定位属性。默认情况下,会显示垂直滚动条。若要显示水平滚动条,请将“HorizontalScrollBarVisibility”属性设置为“Visible”。

SimpleScrollViewer 控件的美工板视图

Cc295291.0f9eba2b-ac29-4bc1-8cdb-9d32dc717992(zh-cn,Expression.10).png

控件模板的分类详解

SimpleScrollViewer 控件模板由下列项组成:

  • 网格版式面板:用于在滚动查看器中存放多个子元素。同时,使用网格也是为了便于应用程序用户界面 (UI) 的设计人员向模板中添加更多元素。包含 ScrollContentPresenter 的网格面板行和列的大小设置为星号 (*),以便它随着滚动查看器一起扩展。包含滚动条的网格面板行和列的大小设置为根据滚动条所需的大小自动调整大小。

  • ScrollContentPresenter 元素:用于显示应用此模板的滚动条的“Content”属性。必须存在此元素,才能显示滚动查看器的内容。

  • 两个分别名为“PART_HorizontalScrollBar”和“PART_VerticalScrollBar”的 ScrollBar 元素:用于滚动内容。默认情况下,滚动条使用 SimpleScrollBarStyle 模板。

    Cc295291.alert_caution(zh-cn,Expression.10).gif警告:

    请勿重命名名称以“PART_”开头的任何元素,因为在实现该控件的代码中引用了这些元素。

    对象视图:SimpleScrollViewer 控件的基本部件(模板)l

    Cc295291.ce27ad4d-055a-4d08-b6ee-f83fd4836820(zh-cn,Expression.10).png

Cc295291.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-cn,Expression.10).gif返回页首

使用的属性触发器

控件模板中的属性触发器可用于使控件响应属性改变。可以在“交互”面板中的“触发器”下单击各项,以查看在激活触发器时更改的属性。例如,在 SimpleScrollViewer 模板中,当“IsMouseOver”属性变为“True”时,Border 元素的背景颜色将变为 MouseOverBrush 资源。

Cc295291.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-cn,Expression.10).gif返回页首

使用的画笔

SimpleScrollViewer 模板不使用 SimpleStyles.xaml 资源字典中的任何画笔资源,而是将“Background”属性用模板绑定到应用该模板的滑块控件的“Background”属性。

Cc295291.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-cn,Expression.10).gif返回页首

最佳实用技巧和设计准则

  • 如果希望设计人员能够向控件中添加更多可视元素,通常可将网格控件用作模板的根元素。Expression Blend 会查找网格控件等版式面板,并且默认将其激活,从而使添加到美工板上的新元素最终成为该版式面板的子元素。

  • SimpleScrollViewer 的内容由 ScrollContentPresenter 元素显示,该元素自动将其内容绑定到应用此模板的 ScrollViewer 的“Content”属性。必须存在 ScrollContentPresenter 元素,SimpleScrollViewer 才能显示其内容。

  • 滚动条的可见性由滚动查看器控件控制,因为该模板绑定到用于指定可见性的属性。此绑定使滚动条能够根据需要自动隐藏或显示。可以在滚动查看器控件上,或者在其模板中,设置滚动条可见性的默认值。

  • 为了使滚动查看器能够正常工作,需要保留所有模板绑定。另请注意,请勿更改名为“PART_HorizontalScrollBar”和“PART_VerticalScrollBar”的滚动条,因为控件类的代码中使用了这些名称。

  • 通过右键单击滚动条(名为“PART_HorizontalScrollBar”和“PART_VerticalScrollBar”),指向“编辑控件部件(模板)”,指向“应用资源”,然后单击滚动条模板的名称,可以向滚动查看器模板中的滚动条应用现有的滚动条模板。请注意,模板的方向必须与滚动条的方向相符。

Cc295291.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-cn,Expression.10).gif返回页首