绘制项目控件
项目控件具有一个“Items”属性,其中包含子对象的集合。可以向项集合中添加任意类型的子对象,也可以使用数据绑定来显示数据源中的一组项。项控件没有内容属性和标题属性。子对象将被添加到项目控件的项目承载区。例如,“ListBox”的项目承载区是堆叠面板,该面板以垂直堆叠方式排列项。在 Microsoft Expression Blend 中,除非正在编辑项目控件的模板,否则在“对象和时间线”面板中将看不到项目承载区。
以下过程显示如何创建项目控件(“ListBox”)并向项目集合中添加对象。也可以对 MSDN 上的 ItemsControl Types(ItemsControl 类型)主题中的“类型”下列出的其他项目控件使用此过程。
如果要显示数据源中的一组项,请参阅主题动手试验:创建 RSS 新闻阅读器。
有关详细信息,请参阅使用 StackPanel 版式面板。
创建项控件
在 Expression Blend 左侧的“工具”面板中,单击“资产”
。在“控件”类别中,从列表中选择“ListBox”
。“ListBox”控件的图标将显示在“资产”按钮下方,并且处于选中状态,以便您向美工板上添加“ListBox”。
提示:
最常用的用户界面 (UI) 元素(如“Button”控件)已显示在“资产”按钮下方的下拉列表中,以便您可以快速添加这些元素。
若要向美工板上添加按钮,请双击“ListBox”控件的“工具”面板图标。
按照默认大小和位置(左上角)在美工板上创建的 ListBox 对象
提示:
也可以通过在“工具”面板中选择一个控件,然后单击美工板并拖动鼠标以指定该控件的范围框,从而将该控件添加到美工板上。
提示:
将 UI 元素(如“ListBox”控件)添加到美工板上后,该元素就会成为应用程序中的对象。
在“对象和时间线”面板中,双击“ListBox”对象以将其激活。请注意,该对象周围将显示黄色突出显示框。激活对象后即可向其中添加子对象。
提示:
也可以先从“工具”面板中选择“选择”
,然后双击美工板上的对象,从而将其激活。
使用“工具”面板中的对象(如“TextBlock”
、“Button”
或“Rectangle”
),在“ListBox”中绘制一些形状。请注意列表是如何以垂直堆叠方式排列这些子对象的。
添加到 ListBox 对象中的子对象
说明:
如果添加的对象个数超过了项目控件能容纳的个数,则会在运行应用程序时显示一个滚动条。您可以使用滚动条查看额外的对象。
提示:
通过在“对象和时间线”面板中拖放对象,或者通过选择“选择”
以将对象拖到美工板上,可以在列表中重新排列对象的顺序。
可以查看“ListBox”中的项,并在“集合编辑器”窗口中添加其他项。若要打开“集合编辑器”,请在“属性”面板中,单击“Items (Collection)”属性旁边的“编辑此集合中的项”
。
生成项目 (F5) 以查看所得到的应用程序。