在项目中创建新用户控件

您可以设计自己的自定义控件,以便能够在项目中多次重复使用。这些控件从“UserControl”类继承,因此,它们不使用模板。但是,您可以从头设计用户控件以控制其外观。

创建空的用户控件

  1. 打开项目。

  2. 在“文件”菜单上,单击“新建项”(Crtl+N)。

    Dd185520.b2bd3ff5-22c3-403e-af75-ed0d4d1b7aed(ZH-CN,Expression.30).png

  3. 在“新建项”对话框中,选择“UserControl”。

  4. 在“名称”旁边,键入用户控件的描述性名称。

  5. 如果要生成该用户控件的代码隐藏文件,请选择“包括代码文件”。

    Dd185520.alert_tip(ZH-CN,Expression.30).gif提示:

    如果您希望用户控件对用户交互做出响应,或者如果开发人员将为用户控件创建自定义行为,将需要用到代码隐藏文件。

  6. 单击“确定”,以关闭对话框并打开该用户控件以供编辑。

    此时,便可设计用户控件的外观了。

从现有对象创建用户控件

  1. 选择要用来生成新用户控件的现有对象。

    Dd185520.alert_tip(ZH-CN,Expression.30).gif提示:

    若要选择多个对象,请按住 Ctrl 键的同时单击各个对象。

  2. 在“工具”菜单上,单击“构成 UserControl”(F8)。

    Dd185520.2a301fcf-3ece-4254-a3d1-654ad98cb9a7(ZH-CN,Expression.30).png

  3. 在“构成 UserControl”对话框中,键入用户控件的描述性名称。

  4. 如果希望所选对象保持原样并在用户控件中创建重复内容,请选择“将原始内容保持原样并根据需要创建重复内容”。

  5. 单击“确定”以创建用户控件文件,并在美工板上打开 XAML 文件以供编辑。

在项目文档中绘制用户控件的新实例

  1. 保存所有文件 (Crtl+Shift+S)。

  2. 生成项目(按 Ctrl+Shift+B),以使用户控件显示在“资产”面板中。

  3. 在“工具”面板中,单击“资产”Dd185520.0d8b8d29-1af9-418f-8741-be3097d76eab(ZH-CN,Expression.30).png

  4. 在“资产”面板的“项目”选项卡中,选择用户控件。

    Dd185520.9cd1da53-f2d2-4f69-8b7d-3cce14b06763(ZH-CN,Expression.30).png

  5. 使用鼠标在美工板上绘制用户控件。

Dd185520.alert_tip(ZH-CN,Expression.30).gif提示:

使用“构成控件”命令从所选对象生成控件模板。您可以在美工板上选择对象,并将其组合到版式面板(如 Grid)中,然后单击“工具”菜单上的“构成控件”。“构成控件”命令不能用于创建用户控件。但是,它可用于创建控件样式,其中包含由所选对象组成的模板。若要绘制同种类型的其他控件,请在“资产”面板的“样式”类别中选择所需的样式,然后在美工板上进行绘制。

疑难解答

  • 使用“构成 UserControl”命令时,如果所选的对象包括已构成的内容(如事件处理程序或触发器),则可能需要在新建的用户控件中还原这些事件处理程序方法和触发器。

后续步骤

另请参见

任务

从现有对象创建控件