Try it: Customize the appearance of the check mark in a SimpleCheckBox

  • [アーティクル]

このページは WPF プロジェクトにのみに適用

It is easy to customize the appearance of a check mark in Blend for Visual Studio 2012 by using the SimpleCheckBox control template.

To customize the check mark in a SimpleCheckBox

  1. Draw a SimpleCheckBox on the artboard in Blend.

    ヒントヒント

    The simple style controls are available under Simple Styles in the Styles category of the Assets panel. After you select a simple style control from the list, you can draw it on the artboard.

  2. Right-click the check box in the Objects and Timeline panel, point to Edit Template, and then click Edit Current. If you do not want to change the SimpleStyles.xaml resource dictionary, you can click Edit a Copy instead of Edit Template, to create a new template and save it in the document. For more information about creating a copy, see Copy, cut, paste, or delete an object.

    ヒントヒント

    To exit the template-editing mode and return to the scope of your document: click Return scope to JJ170598.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(ja-jp,VS.110).png, which is above the object tree in the Objects and Timeline panel.

    To return to template editing mode for an existing template: in the Objects and Timeline panel, right-click the object whose template you want to edit, point to Edit Template, and then click Edit Current.

  3. In the editing scope of the control template, expand all of the nodes in the Objects and Timeline panel. Delete the CheckMark path object.

  4. Double-click the Grid object to make it active, so that you can add child objects.

  5. Draw a path into the Grid object by using the Pen tool JJ170598.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(ja-jp,VS.110).png in the Tools panel. You can modify the path by using the Direct Selection tool JJ170598.6dd6571f-c116-451d-8dd2-1f88b8406362(ja-jp,VS.110).png to adjust points on the path.

    ヒントヒント

    To zoom in on the artboard, you can use the Zoom text box JJ170598.12524287-c48b-4cfc-b614-01951207239d(ja-jp,VS.110).png at the bottom of the artboard, or you can use the scroll button on your mouse while holding down the Ctrl key.
    ヒントヒント

    As an alternative to drawing a path element by using the Pen tool, you can use an art resource that is imported from Microsoft Expression Design, or an image file that has been added to your project.

  6. When you deleted the CheckMark path element, the trigger that makes it appear and disappear was deleted as well. To recreate the trigger, click IsChecked = False in the Triggers panel. In the Objects and Timeline panel, select the new check mark element, and then under Appearance in the Properties panel, set the Visibility property to Collapsed.

  7. Test your application (F5) to see the effects.

参照

概念

SimpleCheckBox