Обновление пользовательского интерфейса при изменении свойства элемента stati c ObservableCollection - PullRequest
Новая
       78

Обновление пользовательского интерфейса при изменении свойства элемента stati c ObservableCollection

0 голосов
/ 10 апреля 2020

Мой вопрос состоит из двух частей:

  1. Содержимое метки не обновляется при использовании Content="{Binding SelectedPerson.Age}" в xaml вместо SelectedPersonAge.Content = SelectedPerson.Age; при ссылке на Почему привязка с использованием ItemsSource работает в коде, но не в xaml? . Я установил datacontext и SelectedPerson - это свойство.
  2. Даже при обновлении после изменения элемента комбинированного списка (с использованием кода позади), когда происходит изменение одного из свойств выбранного поля метки элемента, не обновляясь, я пытался реализовать INotifyPropertyChanged, но он срабатывает, когда .add() .delete() .clear() задействован, но не с Peoplelist[0].Age = 5;.

Что я делаю неправильно? Можно ли достичь простым кодом без использования сложных внешних каркасов mvvm?

Mainwindow.xaml.cs 

using System;
using System.Collections.ObjectModel;
using System.Windows;
using System.ComponentModel;
using System.Runtime.CompilerServices;

namespace WpfTest
{
    public partial class MainWindow : Window, INotifyPropertyChanged
    {
        public ObservableCollection<People> Peoplelist { get; set; } = new ObservableCollection<People>();
        public event PropertyChangedEventHandler PropertyChanged;
        private People _SelectedPerson;

        public People SelectedPerson
        {
            get { return _SelectedPerson; }
            set
            {
                if (value != _SelectedPerson)
                {
                    _SelectedPerson= value;
                    NotifyPropertyChanged("SelectedPerson");
                }
            }
        }

        private void NotifyPropertyChanged([CallerMemberName] String propertyName = "")
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }

        public MainWindow()
        {
            People.Populate(Peoplelist);

            InitializeComponent();
            DataContext = this;
        }

            private void Button_Click(object sender, RoutedEventArgs e)
        {
            //Modify Jon's Age property while it's selected: not automatically updating in ui
            Peoplelist[0].Age = 5;
        }

        private void combo1_SelectionChanged(object sender, System.Windows.Controls.SelectionChangedEventArgs e)
        {
            SelectedPersonAge.Content = SelectedPerson.Age;  //not working when put in xaml
        }
    }


    public class People : INotifyPropertyChanged
    {
        public string FirstName { get; set; }
        public string LastName { get; set; }
        private int _Age;
        public int Age
        {
            get { return _Age; }
            set
            {
                _Age = value;
                RaisePropertyChanged("Age");
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;
        private void RaisePropertyChanged(string propertyName)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }


        public People() { }

        public People(String _FirstName, String _FamilyName)
        {
            FirstName = _FirstName;
            LastName = _FamilyName;
            Age = 0;
        }

        public static void Populate(ObservableCollection<People> lst)
        {
            lst.Add(new People
            {
                FirstName = "Jon",
                LastName = "Jonathan",
            });
            lst.Add(new People
            {
                FirstName = "Mark",
                LastName = "Markthan",
            });
            lst.Add(new People
            {
                FirstName = "Spence",
                LastName = "Spencer",
            });
        }
    }
}

MainWindow.xaml 

<Window x:Class="WpfTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
           mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <StackPanel>
            <ComboBox  Name="combo1" VerticalAlignment="Center" HorizontalAlignment="Center" MinWidth="200" SelectedValuePath="Age" SelectionChanged="combo1_SelectionChanged" ItemsSource="{Binding Path=Peoplelist}" SelectedItem="{Binding SelectedPerson}">
                <ComboBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <TextBlock Text="{Binding FirstName}"/>
                            <TextBlock Text="--"/>
                            <TextBlock Text="{Binding LastName}"/>
                        </StackPanel>
                    </DataTemplate>
                </ComboBox.ItemTemplate>
            </ComboBox>
            <Label Name="SelectedPersonAge" Width="200" Height="35" HorizontalAlignment="center" VerticalAlignment="center" Content="{Binding SelectedPerson.Age}"/>
            <Button Height="35"  Click="Button_Click">
                Test
            </Button>
        </StackPanel>
    </Grid>
</Window>

1 Ответ

0 голосов
/ 10 апреля 2020

Как @PeterDuniho указал в своем комментарии Я исправил DataContext для поля со списком элементов управления и метки, используя DataContext="{Binding ElementName=MyWindow}.

SelectedPersonAge.Content = combo1.SelectedValue; больше не требуется, так как реализовано в xaml.

Mainwindow.xaml.cs 

using System;
using System.Collections.ObjectModel;
using System.Windows;
using System.ComponentModel;
using System.Runtime.CompilerServices;

namespace WpfTest
{
    public partial class MainWindow : Window, INotifyPropertyChanged
    {
        public ObservableCollection<People> Peoplelist { get; set; } = new ObservableCollection<People>();
        public event PropertyChangedEventHandler PropertyChanged;
        private People _SelectedPerson;

        public People SelectedPerson
        {
            get { return _SelectedPerson; }
            set
            {
                if (value != _SelectedPerson)
                {
                    _SelectedPerson= value;
                    NotifyPropertyChanged("SelectedPerson");
                }
            }
        }

        private void NotifyPropertyChanged([CallerMemberName] String propertyName = "")
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }

        public MainWindow()
        {
            People.Populate(Peoplelist);

            InitializeComponent();
        }

            private void Button_Click(object sender, RoutedEventArgs e)
        {
            //Modify Jon's Age property while it's selected: not automatically updating in ui
            Peoplelist[0].Age = 5;
        }

        private void combo1_SelectionChanged(object sender, System.Windows.Controls.SelectionChangedEventArgs e)
        {
        }
    }


    public class People : INotifyPropertyChanged
    {
        public string FirstName { get; set; }
        public string LastName { get; set; }
        private int _Age;
        public int Age
        {
            get { return _Age; }
            set
            {
                _Age = value;
                RaisePropertyChanged("Age");
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;
        private void RaisePropertyChanged(string propertyName)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }


        public People() { }

        public People(String _FirstName, String _FamilyName)
        {
            FirstName = _FirstName;
            LastName = _FamilyName;
            Age = 0;
        }

        public static void Populate(ObservableCollection<People> lst)
        {
            lst.Add(new People
            {
                FirstName = "Jon",
                LastName = "Jonathan",
            });
            lst.Add(new People
            {
                FirstName = "Mark",
                LastName = "Markthan",
            });
            lst.Add(new People
            {
                FirstName = "Spence",
                LastName = "Spencer",
            });
        }
    }
}

MainWindow.xaml 

<Window x:Class="WpfTest.MainWindow" x:Name="MyWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
           mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <StackPanel>
            <ComboBox  Name="combo1" VerticalAlignment="Center" HorizontalAlignment="Center" MinWidth="200" SelectedValuePath="Age" SelectionChanged="combo1_SelectionChanged" ItemsSource="{Binding Path=Peoplelist}" SelectedItem="{Binding SelectedPerson}" DataContext="{Binding ElementName=MyWindow}">
                <ComboBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <TextBlock Text="{Binding FirstName}"/>
                            <TextBlock Text="--"/>
                            <TextBlock Text="{Binding LastName}"/>
                        </StackPanel>
                    </DataTemplate>
                </ComboBox.ItemTemplate>
            </ComboBox>
            <Label Name="SelectedPersonAge" Width="200" Height="35" HorizontalAlignment="center" VerticalAlignment="center" Content="{Binding SelectedPerson.Age}" DataContext="{Binding ElementName=MyWindow}"/>
            <Button Height="35"  Click="Button_Click">
                Test
            </Button>
        </StackPanel>
    </Grid>
</Window>
...