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

Question

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

问题是，我希望这些属性在代码更改时在 UI 中更新，以及在 UI 中更改时在代码中更新。如果我想将编辑器控件(例如更改属性的 slider )绑定(bind)到组件属性，它们将不得不实现 NotifyPropertyChanged，这将非常麻烦。我想另一种方法是进行脏检查，但我也不确定这是否是个好主意。

任何人都可以指导我应该如何处理 UI/代码之间的属性更新吗？我希望它能像在 Unity 中一样工作，您不需要在组件类中编写任何额外的内容来使属性可编辑。

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

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

Answer 1

我会说您可能想要遵循使用 INotifyPropertyChanged 接口(interface)的 MVVM 模式。如果您在 MVVM 上进行 Google 搜索，您会立即找到一些不错的文章。还有一些现有工具可以帮助您入门。根据您在问题中的描述，MVVM 模式基本上就是这样工作的。它分离了 UI 和代码，但仍然保持这种联系。真正的快速版本是在类上实现 INotifyPropertyChanged，然后将该类的实例设置为要为其设置绑定(bind)的控件的 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>

我创建了一个 View 模型库以节省一些代码编写:

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));
            }
        }
    }

示例 View 模型类:

 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();
            }
        }

    }

如何连接绑定(bind)(在本例中是控件的隐藏代码):

  public MainWindow()
        {
            InitializeComponent();

            this.DataContext = new MyViewModel();
        }

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