7

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

问题:

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

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

编码:

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类实现INotifyPropertyChangedAmount在和中添加了支持字段Rate。每当设置这些属性时,我都会为该属性发出属性更改通知Total。最后,我得到了一个控件对齐很差的应用程序,它与 WinForms 应用程序做同样的事情。然而,这比 WinForms 方法更难做到。

我回到家,然后有了将数据源拖放Loan到 WPF 窗口的好主意(在我将视图模式更改为详细信息之后)。果然,我得到了与 WinForms 应用程序中相同的 UI,并且在将数据源设置为与Loan[]WinForms 应用程序相同后,它似乎就完成了。我运行了应用程序,更改了AmountRate字段,希望能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 提出更好的论点,我应该看什么?

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

4

2 回答 2

6

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 方式更具可测试性、可维护性和可理解性。

于 2013-02-13T18:44:05.347 回答
1

回答 Q4:

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

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

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

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

于 2013-02-13T17:24:27.943 回答