Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles
(untagged)

How to Create and Use Custom Control in UWP

0.00/5 (No votes)
1 Dec 2015 1  
How to create a Custom Control so it can be used later and how to give access to some of it properties
  • Create a new project. Add a new item and then select user control.

    Adding User Control

  • Then go to MyUserControl1.xaml and add textblock and image from toolbox.

    User Control

  • Now, we want to give the control to the user using our custom control so he/she can change text and image. For that, go to MyUserControl1.xaml.cs and add a dependency property of type as of the 'text' property of textblock, i.e., string. In this case, set metadata to 'null'.

    Dependency Property

  • Do the same for source of the image of the type 'ImageSource'.

    Dependency Property

  • Now, bind the respected properties with our dependency properties so they can be changed by the user.

    Data Binding

    Data Binding

  • Now, we can use our created custom control anywhere we like. And can change the text or image source to add any image.

    Using Custom Control

  • Like this, we can give the desired control over our custom control to the user by binding them with our created dependency properties.

Source code: https://github.com/umerqureshi93/CustomControl

Personal blog: http://csdebugger.blogspot.com/

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here