Как сделать binding текста из textbox в label?

Question

[postya]

Имеется главное окно, в котором находится лейбл с текстом. При клике на кнопку открывается окно с textbox
Как сделать, чтобы текст из второго окна при наборе текста сразу же отображался в лейбле главного окна?

TextBox второго окна:

<TextBox x:Name="CategoryText"
                     Style="{StaticResource CategoryTextBox}" />

Лейбл главного окна:

<Label x:Name="CategoryLabel1"
   Grid.Row="1"
   Style="{StaticResource CategoryLabel}">

Comments

[Foggy Finder]

Можно передавать наблюдаемый объект в дочернюю ViewModel и привязываться непосредственно к нему.

Answer 1

[postya]

Всё оказалось значительно проще)

в xaml второго окна есть специальный метод при изменении текста:

<TextBox x:Name="CategoryText"    
 TextChanged="ChangeText"
 Style="{StaticResource CategoryTextBox}" />

в коде этого второго окна прописал этот метод:

public partial class FontWindow : Window
    {
         private MainWindow window;

        public FontWindow(MainWindow mainWindow)
        {
            InitializeComponent();
            window = mainWindow;
            
        }

       private void ChangeText(object sender, TextChangedEventArgs e)
        {
            TextBox tb = sender as TextBox;
                window.CategoryLabel1.Content = tb.Text;
        }
}

Answer 2

[valerahex]

При открытии второго окна, присвой DataContext`у объект из главного окна, и в главном при изменении значения вызывай событие INotifyPropertyChanged, для обновления визуального представления.

Comments

[postya]

я не знаю,что такое DataContext, можете пример написать?

[valerahex]

Ознакомьтесь с механизмом привязок(Binding). Очень полезная вещь. https://metanit.com/sharp/wpf/11.php

[postya]

valerahex, в этой статье описан binding в контексте одного окна, мне же нужна связь элементов между двумя окнами

[OwDafuq]

postya, как вариант: берите из 2-го окна, из DataContext'a св-во после закрытия

[Foggy Finder]

Ответ концептуально хороший, хотя для сложных окон потребуются некоторые изменения.
Было бы идеально дополнить примером, поскольку новичкам ответ в текущем виде будет непонятен.

Answer 3

[Space Purr]

В конструктор второго окна передавайте Text из основного окна и присваивайте нужному Label.
Например так:

public partial class SecondWindow: Window
{
    public SecondWindow(string text)
    {
        InitializeComponent();
        CategoryText.Text = text;
    }
}

SecondWindow window = new SecondWindow(CategoryLabel1.Text);

Если используете MVVM, то передавайте свойство в ViewModel второго окна.

Comments

[Foggy Finder]

Насколько понимаю нужно обратное - передавать информацию из диалогового окна в родительское.

[postya]

Foggy Finder, да да, диалоговое окно - второстепенное, там находится textbox, всё, что я в нем пишу, должно тут же отображаться в лейбле, который находится в главном(родительском) окне

[Foggy Finder]

postya, я бы посоветовал поискать библиотеку которая предоставляет удобные методы для работы.

Или можно сделать так как я написал в комментарии к вопросу. По сути это модификация ответа valerahex

[Space Purr]

postya, ой, извиняюсь, вопроса не понял)
Сейчас напишу как можно сделать

[Space Purr]

postya, в общем у меня получилось сделать таким образом, который предложил valerahex

Я так понимаю, что вы не используете mvvm, но я советую перейти на этот паттерн. Я не самый хороший учитель, поэтому кратко код, а дальше думаю разберемся.

По структуре проекта:
При создании WPF проекта у вас появляется класс MainWindow.xaml с вложенным MainWindow.xaml.cs.

Помимо этого требуется создать класс Command, класс BaseViewModel и класс MainViewModel.

Команды позволяют привязать действие к элементу окна.

public class Command : ICommand
    {
        Action<object> execute;
        private Func<object, bool> canExecute;

        public Command(Action<object> execute, Func<object, bool> canExecute = null)
        {
            this.execute = execute;
            this.canExecute = canExecute;
        }

        public event EventHandler CanExecuteChanged
        {
            add { CommandManager.RequerySuggested += value; }
            remove { CommandManager.RequerySuggested -= value; }
        }

        public bool CanExecute(object parameter)
        {
            return this.canExecute == null || this.canExecute(parameter);
        }

        public void Execute(object parameter)
        {
            execute(parameter);
        }
    }

BaseViewModel - это класс, который реализует интерфейс INotifyPropertyChanged, который уведомляет окно об изменении привязанного значения.

public class BaseViewModel : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        public void OnPropertyChanged([CallerMemberName] string property = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(property));
        }
    }

MainViewModel - это класс, который связывает логику приложения с окном. Если проще, то этот класс будет использоваться вместо того, где происходила инициализация формы(InitializeComponent()). Также в нем нам нужно унаследоваться от класса BaseViewModel.

public class MainViewModel : BaseViewModel
    {

        private string mainWindowText;
        public string MainWindowText { get => mainWindowText; set { mainWindowText = value; OnPropertyChanged(); } }

        public Command OpenSecondWindow { get; set; }


        public MainViewModel()
        {
            OpenSecondWindow = new Command(OpenSecondWIndowExecute);
        }

        private void OpenSecondWIndowExecute(object obj)
        {
            SecondWindow secondWindow = new SecondWindow(this);
            secondWindow.ShowDialog();
        }
    }

В этом классе мы реализовали свойство типа string, которое привяжем к TextBox главного и второстепенного окна, а также команду, которая будет привязана к кнопке открытия второстепенного окна.

Теперь перейдем к нашим xaml.

MainWindow.xaml

<Window x:Class="WpfApp1.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"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="300" Width="500" >
    <Window.DataContext>
        <local:MainViewModel/>
    </Window.DataContext>
    <Grid>
        <StackPanel>
            <TextBlock FontSize="30" Text="Первое окно" HorizontalAlignment="Center"/>
            <TextBox FontSize="30" Text="{Binding MainWindowText,UpdateSourceTrigger=PropertyChanged}" Width="200" Height="45"/>
            <TextBlock/>
            <Button Content="Открыть второе окно" Height="20" Width="130" Command="{Binding OpenSecondWindow}"/>
        </StackPanel>
    </Grid>
</Window>

Здесь мы видим, что DataContext окна привязывается к классу MainViewModel. К свойству Text нашего TextBox привязывается свойство MainWindowText, а к элементу Button привязывается команда OpenSecondWindow, которая будет срабатывать при клике на кнопку.

SecondWIndow.xaml

<Window x:Class="WpfApp1.SecondWindow"
        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"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="SecondWindow" Height="300" Width="400">
    
    <Grid>
        <StackPanel>
            <TextBlock FontSize="30" Text="Второе окно" HorizontalAlignment="Center"/>
            <TextBox  FontSize="30" Text="{Binding MainWindowText, UpdateSourceTrigger=PropertyChanged}" Width="200" Height="45"/>
        </StackPanel>
    </Grid>
</Window>

Здесь аналогичным образом привязывается свойство MainWIndowText к свойству Text.

Однако, помимо этого, мы должны передать экземпляр класса MainViewModel в конструктор второго окна и привязать его к DataContext. Если вернуться к реализации класса MainViewModel, можно заметить, что при создании объекта окна SecondWindow в его конструктор передается параметр this.

Переходим в класс SecondWindow.xaml.cs

public partial class SecondWindow : Window
    {
        public SecondWindow(MainViewModel mvm)
        {
            DataContext = mvm;
            InitializeComponent();
        }
    }

Собственно, вот и все.
Если поначалу кажется запутанно, то, во первых - привыкнете и вам это очень понравится, а во вторых я не самый лучший учитель.
Поэтому вот ссылка на metanit

Гифка с результатом.

[postya]

Space Purr, Благодарю за старания, другим все равно пригодится!