Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / desktop / XAML

Simple Data Binding UWP

4.71/5 (6 votes)
1 Dec 2015CPOL 19.9K  
How to bind data in a simple way without writing any code

Introduction

Now, I will explain how to do data binding in a simple way in just a few steps. In this example, we will bind some elements so changing the value of one effects the value of other dynamically.

  • Create a new project and add a slider, textblock and progressbar.

    Adding Controls

  • Now first bind the progressbar with the slider, for this we have to bind the value attribute of progressbar with the value attribute of the slider.

    Binding Progressbar

  • Now also bind the textblock’s text attribute with the slider’s value attribute. After the successful binding, the small indicator will turn into yellow.

    Image 3

    and textblock value will be 0.

    Binding Textblock

  • Now run the project and see the binding in action .

    Binding In Action

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

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

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)