Пример "Устанавливаем текст в TextBlock используя Binding". Еще добавим двойной Bindning используя INotifyPropertyChanged

Programming, development, testing

→

WPF. Windows Presentation Foundation (отдельное приложение exe файл)

→

Пример "Устанавливаем текст в TextBlock используя Binding". Еще добавим двойной Bindning используя INotifyPropertyChanged | C# WPF приложение

Looked at 5285 times

last updated: 30 January 2023

Пример 1. Binding в одну сторону. То есть при создании TextBlock текст берется из BookName

Создаем новый проект WPF Application...

Добавим TextBlock в файл MainWindow.xaml

Добавим код в файл MainWindow.xaml.cs

using System.Windows;

namespace WpfApp1
{
     public partial class MainWindow : Window
     {
          public string BookName { get; set; }

          public MainWindow()
          {
               BookName = "King of monkey";

               InitializeComponent();

               // for binding
               this.DataContext = this;
          }
     }
}

Запускаем программу:

Видим что TextBlock отобразил текст "King of monkey"
То есть при создании TextBlock вызвался Bindning с переменной BookName
и вызвался метод get в BookName

Шаг 1. Программа запустилась

Видим что TextBlock отобразил текст "King of monkey"

Что произошло:
То есть при создании TextBlock
Текст для TextBlock берется с помощью вызова get из переменной BookName
это связывание TextBlock и переменной BookName
это прописано в нашем xaml файле <TextBlock Text="{Binding BookName}" .../>

Пример 2. По нажатию кнопки сделаем BookName = "Hello". TextBlock НЕ обновится

Поменяем файл MainWindow.xaml

Добавим код в файл MainWindow.xaml.cs

using System;
using System.Windows;
using System.Windows.Input;

namespace WpfApp1
{
     class ButtonCommand : ICommand
     {
          public event EventHandler CanExecuteChanged;
          private Action<object> _callback;
          public ButtonCommand(Action<object> callback)
          {
               _callback = callback;
          }
          public virtual void Execute(object parameter) { _callback(parameter); }
          public virtual bool CanExecute(object parameter) { return true; }
     }

     public partial class MainWindow : Window
     {
          public string BookName { get; set; }
          public ICommand ClickMyButton1 { get; set; }

          public MainWindow()
          {
               BookName = "King of monkey";

               // button handler
               ClickMyButton1 = new ButtonCommand((parameter) => {

                    BookName = "Hello";

               });

               InitializeComponent();

               // for binding
               this.DataContext = this;
          }
     }
}

Запускаем программу:

Шаг 1. Программа запустилась

Видим что TextBlock отобразил текст "King of monkey"

Шаг 2. Нажмем на кнопку "Set Hello"

Видим что TextBlock все равно отображает "King of monkey"

Пример 3. Двойной Binding. По нажатию кнопки сделаем BookName = "Hello" и TextBlock обновится

Поменяем файл MainWindow.xaml

Добавим код в файл MainWindow.xaml.cs

using System;
using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Windows;
using System.Windows.Input;

namespace WpfApp1
{
     public class ModelInfo : NotifyPropertyChanged
     {
          private string _bookName;
          public string BookName
          {
               get => _bookName;
               set => SetProperty(ref _bookName, value);
          }
          public ICommand ClickMyButton1 { get; set; }
          public ModelInfo()
          {
               BookName = "King of monkey";

               // button handler
               ClickMyButton1 = new ButtonCommand((parameter) => {

                    BookName = "Hello";

               });
          }

     }

     public partial class MainWindow : Window
     {
          public ModelInfo MyModel { get; }

          public MainWindow()
          {
               MyModel = new ModelInfo();

               InitializeComponent();

               // for binding
               this.DataContext = this;
          }
     }

     ///// Base functionality /////
     public class NotifyPropertyChanged : INotifyPropertyChanged
     {
          public event PropertyChangedEventHandler PropertyChanged;
          protected void OnPropertyChanged([CallerMemberName] string name = null)
          {
               PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));
          }
          protected virtual bool SetProperty<T>(ref T field, T value, [CallerMemberName] string PropertyName = null)
          {
               if (Equals(field, value)) return false;
               field = value;
               OnPropertyChanged(PropertyName);
               return true;
          }
     }

     class ButtonCommand : ICommand
     {
          public event EventHandler CanExecuteChanged;
          private Action<object> _callback;
          public ButtonCommand(Action<object> callback)
          {
               _callback = callback;
          }
          public virtual void Execute(object parameter) { _callback(parameter); }
          public virtual bool CanExecute(object parameter) { return true; }
     }
     ////////////
}

Запускаем программу:

Шаг 1. Программа запустилась

Видим что TextBlock отобразил текст "King of monkey"

Шаг 2. Нажмем на кнопку "Set Hello"

Видим что TextBlock отобразил текст "Hello"

Что произошло:
То есть при нажатии на кнопку выполняется BookName = "Hello";
   вызывается set метод переменной BookName
   set => SetProperty(ref _bookName, value);
   вызывется SetProperty
   вызывется OnPropertyChanged и идет уведомление элементу TextBlock что нужно установить новый текст

← Previous topic
Example "I make animations for icons, library fontawesome5" | C# WPF application

Next topic →
Пример "Несколько TextBlock (показываем тексты) и делаем так чтобы при mouse move выделялся элемент где мышка (mouse over)" | C# WPF приложение