wpf - WPF 对此的回答是什么？

Question

我使用 WPF 开发了两个中等大小的应用程序。WPF 的简洁性及其功能给我留下了深刻的印象。当我向我的一位同事（碰巧开发业务应用程序）解释 WPF 的各种好处时，他向我提出了这个让我完全难过的问题：

问题：

他在大约 2 分钟内用以下方式编写了一个应用程序：

打开一个新的 WinForms 项目。
定义一个类Loan。
构建项目。
使用定义对象数据源Loan。
在数据源资源管理器中，将数据源的视图类型更改Loan为详细信息。
将数据源拖到设计器中的窗体上。
为数据源提供一个Loan[]包含一个对象。
构建并运行应用程序。

编码：

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;

namespace WinForms_DataBinding_Example
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        protected override void OnLoad(EventArgs e)
        {
            base.OnLoad(e);

            loanBindingSource.DataSource = new Loan[] { new Loan() };
        }
    }

    public class Loan
    {
        public decimal Amount { get; set; }
        public decimal Rate { get; set; }
        public decimal Total { get { return Amount * Rate; } }
    }
}

设计师：

在此处输入图像描述

应用程序：

在此处输入图像描述

现在，每当您在窗口中更改Amount或的值时，的值都会相应更改。在解释了这是业务应用程序中非常有用的功能之后，您对实体中的一个属性所做的任何更改都会立即更新视图，其中计算的属性会立即刷新，从而使用户体验更好。考虑到典型的业务实体类有很多属性，这样就节省了很多编码。然后他让我在 WPF 中做同样的事情。RateTotal

我首先向他解释说，我不明白这里发生了什么样的黑魔法。文本框如何Total自动更新？这是我的第一个问题：

Q1。该类Loan没有实现INotifyPropertyChanged或类似的东西。那么当or文本框失去焦点时，文本框是如何Total更新的呢？AmountRate

然后我告诉他，我不知道如何在 WPF 中如此轻松地做同样的事情。TextBlock但是，我在 WPF 中使用 3 s 和 3 TextBoxs 在 UI中编写了相同的应用程序。我还需要让Loan类实现INotifyPropertyChanged。Amount在和中添加了支持字段Rate。每当设置这些属性时，我都会为该属性发出属性更改通知Total。最后，我得到了一个控件对齐很差的应用程序，它与 WinForms 应用程序做同样的事情。然而，这比 WinForms 方法更难做到。

我回到家，然后有了将数据源拖放Loan到 WPF 窗口的好主意（在我将视图模式更改为详细信息之后）。果然，我得到了与 WinForms 应用程序中相同的 UI，并且在将数据源设置为与Loan[]WinForms 应用程序相同后，它似乎就完成了。我运行了应用程序，更改了Amount和Rate字段，希望能Total自动看到更改本身。然而，我很失望。该Total字段没有改变：

在此处输入图像描述

编码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using WinForms_DataBinding_Example;

namespace WPF_Grid_Example
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Window_Loaded_1(object sender, RoutedEventArgs e)
        {

            System.Windows.Data.CollectionViewSource loanViewSource = ((System.Windows.Data.CollectionViewSource)(this.FindResource("loanViewSource")));
            // Load data by setting the CollectionViewSource.Source property:
            loanViewSource.Source = new List<Loan>() { new Loan() };
        }
    }
}

xml:

<Window
        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:WinForms_DataBinding_Example="clr-namespace:WinForms_DataBinding_Example;assembly=WinForms_DataBinding_Example" mc:Ignorable="d" x:Class="WPF_Grid_Example.MainWindow"
        Title="MainWindow" Height="350" Width="525" Loaded="Window_Loaded_1">
    <Window.Resources>
        <CollectionViewSource x:Key="loanViewSource" d:DesignSource="{d:DesignInstance {x:Type WinForms_DataBinding_Example:Loan}, CreateList=True}"/>
    </Window.Resources>
    <Grid>
        <Grid x:Name="grid1" DataContext="{StaticResource loanViewSource}" HorizontalAlignment="Left" Margin="121,123,0,0" VerticalAlignment="Top">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            <Label Content="Amount:" Grid.Column="0" HorizontalAlignment="Left" Margin="3" Grid.Row="0" VerticalAlignment="Center"/>
            <TextBox x:Name="amountTextBox" Grid.Column="1" HorizontalAlignment="Left" Height="23" Margin="3" Grid.Row="0" Text="{Binding Amount, Mode=TwoWay, NotifyOnValidationError=true, ValidatesOnExceptions=true}" VerticalAlignment="Center" Width="120"/>
            <Label Content="Rate:" Grid.Column="0" HorizontalAlignment="Left" Margin="3" Grid.Row="1" VerticalAlignment="Center"/>
            <TextBox x:Name="rateTextBox" Grid.Column="1" HorizontalAlignment="Left" Height="23" Margin="3" Grid.Row="1" Text="{Binding Rate, Mode=TwoWay, NotifyOnValidationError=true, ValidatesOnExceptions=true}" VerticalAlignment="Center" Width="120"/>
            <Label Content="Total:" Grid.Column="0" HorizontalAlignment="Left" Margin="3" Grid.Row="2" VerticalAlignment="Center"/>
            <TextBox x:Name="totalTextBox" Grid.Column="1" HorizontalAlignment="Left" Height="23" Margin="3" Grid.Row="2" Text="{Binding Total, Mode=OneWay}" VerticalAlignment="Center" Width="120"/>
        </Grid>

    </Grid>
</Window>

Q2。以前我对 WinForms 的黑魔法感到困惑，现在我很困惑，因为同样的黑魔法在 WPF 中不起作用。为什么？

Q3。如何使 WPF 版本Total像 WinForms 示例中那样自动更新字段？

Q4。对于此类业务应用程序开发，哪个平台更好/更快？如果我要代表 WPF 提出更好的论点，我应该看什么？

我希望我清楚这个问题。如果需要任何澄清，请告诉我。谢谢。

score 6 · Accepted Answer

Q1：如果您查看 Windows 窗体的设计器文件，您将看到为您的 3 个文本框生成的大约 300 行代码。其中一些代码类似于：

this.amountTextBox.DataBindings.Add(
    new System.Windows.Forms.Binding("Text", 
        this.loanBindingSource, "Amount", true));

Binding 和 BindingSource 合作更新绑定值，并在每次值之一更改时（使用反射）更新所有绑定控件。

Q2：因为 WPF 设计器没有创建 .Designer.cs 文件和相关的代码混乱。您需要显式实现 INotifyPropertyChange，这可以通过使用 MVVM Light 的 ViewModelBase 来简化，例如

public class Loan : ViewModelBase
{
    public decimal Amount
    {
        get
        {
            return this.amount;
        }
        set
        {
            if (Set(() => Amount, ref this.amount, value))
            {
                RaisePropertyChanged(() => Total);
            }
        }
    }

Q3：1) 当金额或费率更改时，会针对该属性以及计算属性“总计”发出属性更改通知。2) 修改您对金额和费率的绑定以Binding="{Binding Amount, UpdateSourceTrigger=LostFocus}"

Q4：WPF 毫无疑问（恕我直言）。WPF 方式更具可测试性、可维护性和可理解性。

score 1 · Accepted Answer

回答 Q4：

无论 winform 是否能够为一个类生成 3 个愚蠢的文本框，WPF 都是一个更好、可扩展且功能强大的框架。由于硬件加速和诸如此类的原因，它具有更高的性能，并且需要更少或不需要代码来执行一些在 winforms 中需要大量代码的任务，例如this或 this：

<CheckBox x:Name="chk"/>
<TextBox IsEnabled="{Binding IsChecked,ElementName=chk}"/>

此外，典型的业务线应用程序必须处理数千或数十万条记录，而UI 虚拟化会产生巨大的影响。

最重要的是，无论是否有一些设计师的好东西（这是 Visual Studio 的一个功能，而不是 winforms 本身），winforms 就业务线而言远没有那么实用和充分。

wpf - WPF 对此的回答是什么？

2 回答 2

Related

Reference