如何在WPF中将两个不同窗口中的两个控件进行绑定？

Question

我想将两个控件绑定起来，一个是字体大小滑块，另一个是文本框，它们分别位于 WPF 的不同窗口中，那么我该如何绑定它们呢？

- user2419978

---

你尝试过什么吗？ - Soner Gönül

这是一个大学项目，我可以将绑定限制在同一个窗口内，但我想知道如何在不同的窗口之间进行绑定，或者是否有其他方法可以替代绑定？我需要通过在另一个窗口上使用滑块控件来更改文本大小。 - user2419978

你需要在这两个窗口中使用相同的ViewModel，并且其中包含一个名为FontSize的属性。将其设置为窗口的“DataContext”，然后进行绑定。 - Novitchi S

Answer 1

这是一个做法的例子：

1）创建一个WPF项目。

2）更改MainWindow.xaml的内容为以下内容（不要忘记在我发布的所有代码中更正命名空间，例如在我的代码中命名空间是WpfApplication2）：

<Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <StackPanel>
        <Button Content="Settings Window" Click="SettingsWindowButton_OnClick"/>
        <Button Content="Bound Window" Click="BoundWindowButton_OnClick"/>
    </StackPanel>
</Window>

3) 修改 MainWindow.xaml.cs 的内容如下：

namespace WpfApplication2
{
    using System.Windows;

    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        ViewModel viewModel = new ViewModel();

        public MainWindow()
        {
            InitializeComponent();
        }

        private void SettingsWindowButton_OnClick(object sender, RoutedEventArgs e)
        {
            var settingsWindow = new SettingsWindow();
            settingsWindow.DataContext = viewModel;
            settingsWindow.Show();
        }

        private void BoundWindowButton_OnClick(object sender, RoutedEventArgs e)
        {
            var boundWindow = new BoundWindow();
            boundWindow.DataContext = viewModel;
            boundWindow.Show();
        }
    }
}

4) 在您的项目中创建一个名为ViewModel的类，并使用以下代码：

namespace WpfApplication2
{
    using System.ComponentModel;

    public class ViewModel : INotifyPropertyChanged
    {
        private int _fontSizeSetting = 10;
        public event PropertyChangedEventHandler PropertyChanged;

        public int FontSizeSetting
        {
            get { return _fontSizeSetting; }
            set
            {
                _fontSizeSetting = value;
                OnPropertyChanged("FontSizeSetting");
            }
        }

        protected virtual void OnPropertyChanged(string propertyName)
        {
            var handler = PropertyChanged;
            if (handler != null) handler(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

5) 在您的项目中添加两个名为BoundWindow和SettingsWindow的新Window，标记如下：

<Window x:Class="WpfApplication2.BoundWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="BoundWindow" Height="300" Width="300">
    <Grid>
        <TextBox FontSize="{Binding FontSizeSetting, Mode=TwoWay}" Text="test..."/>
    </Grid>
</Window>

-

<Window x:Class="WpfApplication2.SettingsWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="SettingsWindow" Height="300" Width="300">
    <Grid>
        <Slider Value="{Binding FontSizeSetting, Mode=TwoWay}" Minimum="10" Maximum="100"/>
    </Grid>
</Window>

现在一切都应该按预期工作。您所做的基本上是创建一个视图模型，将其设置为Windows的DataContext。它们都绑定到您的视图模型的FontSizeSetting属性，当您在一个窗口中更改它时，WPF绑定系统会自动处理更改另一个值。

- hattenn