WPF 游戏编辑器 - 更新 UI/代码中的属性

Question

我正在尝试在 C#/WPF 中创建游戏编辑器。编辑器由一个显示场景的用户控件（使用 SharpGL 在 OpenGL 中渲染）以及许多用于编辑当前场景和对象的控件组成。对象由可以在编辑器中编辑属性的组件组成（有点像 Unity 游戏引擎中的）。我已经有一个“组件编辑器”视图，它使用反射来查找组件上的所有属性，并为每个属性创建一个属性编辑器（例如，一个滑块）。但是，我不确定如何绑定 UI 和代码之间的属性。

问题是，我希望这些属性在代码更改时在 UI 中更新，并在 UI 中更改时在代码中更新。如果我想将编辑器控件（例如更改属性的滑块）绑定到组件属性，则必须实现 NotifyPropertyChanged，这将非常麻烦。我想另一种方法是进行脏检查，但我也不确定这是否是个好主意。

谁能告诉我应该如何处理 UI/代码之间的这个属性更新？我希望它像在 Unity 中一样工作，您无需在组件类中编写任何额外内容即可使属性可编辑。

编辑：为了更清楚地说明我想要实现的目标和已经拥有的目标，这里是“组件编辑器”用户控件的一部分。它的 datacontext 是一个组件实例（模型）。 PropertiesConverter 返回它的属性（通过 component.GetType().GetProperties()）。 ComponentPropertyTemplateSelector 决定属性编辑器用户控件（例如，对于双属性，它将选择具有用于编辑值的文本框的“数字编辑器”）。我有兴趣解决的问题是如何将组件的属性双向绑定到编辑器控件。

<ItemsControl x:Name="ComponentProperties" Grid.Row="1" ItemTemplateSelector="{StaticResource ComponentPropertyTemplateSelector}">
    <ItemsControl.ItemsSource>
        <Binding Converter="{StaticResource PropertiesConverter}"/>
    </ItemsControl.ItemsSource>
</ItemsControl>

Answer 1

我会说您可能想要遵循使用 INotifyPropertyChanged 接口的 MVVM 模式。如果你在 MVVM 上进行谷歌搜索，就会立即出现一些好文章。还有一些现有的工具可以帮助您入门。根据您在问题中的描述，MVVM 模式基本上就是这样工作的。它将 UI 和代码解耦，但仍保持这种连接。真正的快速版本是在一个类上实现 INotifyPropertyChanged，然后将该类的一个实例设置为要为其设置绑定的控件的 DataContext。可能更容易看到一个例子：

Xaml：

   <StackPanel>
        <Slider Value="{Binding SliderValue, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
        <TextBox Text="{Binding MyText, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
        <TextBox  Text="{Binding MyText, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
        <Slider Value="{Binding SliderValue, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
    </StackPanel>

我创建了一个视图模型库以节省一些代码编写：

class ViewModelBase : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

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

一个示例视图模型类：

 class MyViewModel : ViewModelBase
    {

        private int sliderValue;
        private string myText;

        public int SliderValue
        {
            get { return this.sliderValue; }
            set
            {
                this.sliderValue = value;
                this.OnPropertyChanged();
            }
        }


        public string MyText
        {
            get { return this.myText; }
            set
            {
                this.myText = value;
                this.OnPropertyChanged();
            }
        }

    }

如何挂钩绑定（在本例中为控件背后的代码）：

  public MainWindow()
        {
            InitializeComponent();

            this.DataContext = new MyViewModel();
        }

如您所见，设置视图模型和 xaml 涉及一些工作。与其他解决方案相比，我认为就您必须投入的“工作”量而言，这非常好。我不知道是否有任何方法可以解决它并让它像“魔术”一样工作。可能值得检查一下存在哪些 MVVM 工具，可能有一些东西可以让事情变得更加简单。

Answer 2

您可以使用Castle Dynamic Proxy（将类包装在代理中）或Fody（在构建后步骤中修改 IL）自动添加 IPropertyChangeNotification 支持。