How To Create And Use Custom Control In UWP

Custom Control

Create a new project, Add a new item and then select user control.

MyUserControl1

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

MyUserControl1

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'.

null

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

ImageSource

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

properties

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

text or image

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

dependency properties

Up Next
    Ebook Download
    View all
    Learn
    View all