Язык программирования C#9 и платформа .NET5

<Grid Grid.Row="1" Name="DetailsGrid"
<b>  DataContext=&quot;{Binding ElementName=cboCars, Path=SelectedItem}&quot;&gt;</b>
Текстовые поля в элементе 
DetailsGrid
 будут отображать индивидуальные характеристики выбранного автомобиля. Добавьте подходящие атрибуты 
Text
 и привязки к элементам управления 
TextBox
:
&lt;TextBox Grid.Column=&quot;1&quot; Grid.Row=&quot;0&quot; Text=&quot;{Binding Path=Id}&quot; /&gt;
&lt;TextBox Grid.Column=&quot;1&quot; Grid.Row=&quot;1&quot; Text=&quot;{Binding Path=Make}&quot; /&gt;
&lt;TextBox Grid.Column=&quot;1&quot; Grid.Row=&quot;2&quot; Text=&quot;{Binding Path=Color}&quot; /&gt;
&lt;TextBox Grid.Column=&quot;1&quot; Grid.Row=&quot;3&quot; Text=&quot;{Binding Path=PetName}&quot; /&gt;
Наконец, поместите нужные данные в элемент управления 
ComboBox
. В файле 
MainWindow.xaml.cs
 создайте новый список записей 
Car
 и присвойте его свойству 
ItemsSource
 элемента 
ComboBox
. Кроме того, добавьте оператор 
using
 для пространства имен 
WpfNotifications.Models
.
using WpfNotifications.Models;
// Для краткости код не показан.
public partial class MainWindow : Window
{
  readonly IList&lt;Car&gt; _cars = new List&lt;Car&gt;();
  public MainWindow()
  {
    InitializeComponent();
    _cars.Add(new Car {Id = 1, Color = &quot;Blue&quot;, Make = &quot;Chevy&quot;,
                       PetName = &quot;Kit&quot;});
    _cars.Add(new Car {Id = 2, Color = &quot;Red&quot;, Make = &quot;Ford&quot;,
                       PetName = &quot;Red Rider&quot;});
    cboCars.ItemsSource = _cars;
    }
}
Запустите приложение. Вы увидите, что в поле со списком Vehicle для выбора доступны два варианта автомобилей. Выбор одного из них приводит к автоматическому заполнению текстовых полей сведениями об автомобиле. Измените цвет одного из автомобилей, выберите другой автомобиль и затем возвратитесь к автомобилю, запись о котором редактировалась. Вы обнаружите, что новый цвет по-прежнему связан с автомобилем. Здесь нет ничего примечательного, просто демонстрируется мощь привязки данных XAML.
  
Изменение данных об автомобиле в коде
 
Несмотря на то что предыдущий пример работает ожидаемым образом, когда данные изменяются программно, пользовательский интерфейс не отразит изменения до тех пор, пока в приложении не будет предусмотрен код для обновления данных. Чтобы проиллюстрировать сказанное, добавьте обработчик события 
Click
 для кнопки 
btnChangeColor
:
 
Button x:Name=&quot;btnChangeColor&quot; Content=&quot;Change Color&quot; Margin=&quot;5,0,5,0&quot;
    Padding=&quot;4, 2&quot; Click=&quot;BtnChangeColor_OnClick&quot;/&gt;
Внутри обработчика события 
BtnChangeColor_OnClick()
 с помощью свойства 
SelectedItem
 элемента управления 
ComboBox
 отыщите выбранную запись в списке автомобилей и измените ее цвет на 
Pink
:
private void BtnChangeColor_OnClick(object sender, RoutedEventArgs e)
{
  _cars.First(x =&gt; x.Id == ((Car)cboCars.SelectedItem)?.Id).Color = &quot;Pink&quot;;
}
Запустите приложение, выберите автомобиль и щелкните на кнопке Change Color (Изменить цвет). Никаких видимых изменений не произойдет. Выберите другой автомобиль и затем снова первоначальный. Теперь вы заметите обновленное значение. Для пользователя такое поведение не особенно подходит.
Добавьте обработчик события 
Click
 для кнопки 
btnAddCar
:
&lt;Button x:Name=&quot;btnAddCar&quot; Content=&quot;Add Car&quot; Margin=&quot;5,0,5,0&quot; Padding=&quot;4, 2&quot;
  Click=&quot;BtnAddCar_OnClick&quot; /&gt;
В обработчике события 
BtnAddCar_OnClick()
 добавьте новую запись в список 
Car
:
private void BtnAddCar_Click(object sender, RoutedEventArgs e)
{
  var maxCount = _cars?.Max(x =&gt; x.Id) ?? 0;
  _cars?.Add(new Car { Id=++maxCount,Color=&quot;Yellow&quot;,Make=&quot;VW&quot;,PetName=&quot;Birdie&quot;});
}
Запустите приложение, щелкните на кнопке Add Car (Добавить автомобиль) и просмотрите содержимое элемента управления 
ComboBox
. Хотя известно, что в списке имеется три автомобиля, в элементе 
ComboBox
 отображаются только два! Чтобы устранить обе проблемы, вы превратите класс 
Car
 в наблюдаемую модель и будете использовать наблюдаемую коллекцию для хранения всех экземпляров 
Car
.
  
Наблюдаемые модели
 
Проблема с тем, что изменение значения свойства модели не отображается в пользовательском интерфейсе, решается за счет реализации классом модели 
Car
 интерфейса 
INotifyPropertyChanged
. Интерфейс 
INotifyPropertyChanged
 содержит единственное событие 
PropertyChangedEvent
. Механизм привязки XAML прослушивает это событие для каждого привязанного свойства в классах, реализующих интерфейс 
INotifyPropertyChanged
. Вот как определен интерфейс 
INotifyPropertyChanged
: