我已经使用WPF来开发两个中等大小的应用程序。 WPF的清晰度及其功能给我留下了深刻的印象。当我向我的一位同事(他正在开发商业应用程序)解释WPF的各种好处时,他向我提出了这个让我完全难过的问题的挑战:
问题:
他在大约2分钟内按以下方式编写了一个应用程序:
Loan
。Loan
定义对象数据源。Loan
数据源的视图类型更改为Details。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
或Rate
的值,Total
的值就会相应更改。在解释这是业务应用程序中非常有用的功能之后,您对实体中的一个属性所做的任何更改会立即更新视图,其中计算属性会立即刷新,从而使用户体验更好。考虑到典型的业务实体类具有许多属性,这节省了大量编码。然后他让我在WPF中做同样的事情。
我首先向他解释说我不明白这里有什么黑魔法。 Total
文本框如何自动更新?这是我的第一个问题:
Q1。 Loan
类没有实现INotifyPropertyChanged
或类似的东西。那么当Total
或Amount
文本框失去焦点时,Rate
文本框如何更新?
然后我告诉他我不知道怎么在WPF中这么容易做同样的事情。但是,我在WPF中使用3 TextBlock
和3 TextBox
在UI中编写了相同的应用程序。我还需要制作Loan
类实现INotifyPropertyChanged
。向Amount
和Rate
添加了支持字段。每当设置这些属性时,我都会为属性Total
引发属性更改通知。最后,我留下了一个带有严重对齐控件的应用程序,它与WinForms应用程序完全相同。但是,这比WinForms方法更难做到。
我回到家,然后明确地将Loan
数据源拖放到WPF窗口(我将视图模式更改为详细信息后)。果然,我得到了与WinForms应用程序相同的UI,并且在将数据源设置为与WinForms应用程序相同的Loan[]
之后,它似乎已经完成了。我运行了应用,更改了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() };
}
}
}
xaml:
<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做出更好的论证,我该怎么看?
我希望我对这个问题很清楚。如果需要任何说明,请告诉我。感谢。
答案 0 :(得分: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}"
答案 1 :(得分:1)
回答问题4:
无论winforms能否为一个类生成3个愚蠢的文本框,WPF都是一个更好,可扩展且功能强大的框架。由于硬件加速等等,它具有更高的性能,并且需要更少或不需要代码来执行某些需要大量代码的任务,例如this,或者:
<CheckBox x:Name="chk"/>
<TextBox IsEnabled="{Binding IsChecked,ElementName=chk}"/>
此外,典型的业务线应用程序必须处理数千或数十万条记录,UI Virtualization makes a huge difference。
最重要的是winforms,无论是否有一些设计师的好东西(这些都是Visual Studio的特色而不是winforms本身),在业务线方面都远不够实用和充足。