Question

我在wpf中编写了一个简单计算器的代码。

我的MainWindow.Xaml代码是..

    <Window x:Class="CalculatorNew.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
    <Grid ContextMenuClosing="Multi">
    <TextBox x:Name="TextBox1" HorizontalAlignment="Left" Height="23" Margin="216,23,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120" RenderTransformOrigin="0.679,0.552"/>
    <TextBox x:Name="TextBox2" HorizontalAlignment="Left" Height="23" Margin="216,76,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120" RenderTransformOrigin="0.679,0.552"/>
    <TextBox x:Name="TextBox3" HorizontalAlignment="Left" Height="23" Margin="216,121,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120" RenderTransformOrigin="0.679,0.552"/>
    <TextBlock HorizontalAlignment="Left" Margin="68,30,0,0" TextWrapping="Wrap" Text="First Number" VerticalAlignment="Top" RenderTransformOrigin="1.137,1.259" Height="16" Width="80"/>
    <TextBlock HorizontalAlignment="Left" Margin="68,128,0,0" TextWrapping="Wrap" VerticalAlignment="Top" RenderTransformOrigin="1.137,1.259" Height="16" Width="80" Text="Result"/>
    <TextBlock HorizontalAlignment="Left" Margin="68,83,0,0" TextWrapping="Wrap" VerticalAlignment="Top" RenderTransformOrigin="1.137,1.259" Height="16" Width="99" Text="Second Number"/>
    <Button Content="+" HorizontalAlignment="Left" Margin="73,172,0,0" VerticalAlignment="Top" Width="75" Click="Add"/>
    <Button Content="-" HorizontalAlignment="Left" Margin="179,172,0,0" VerticalAlignment="Top" Width="75" Click="Sub"/>
    <Button Content="*" HorizontalAlignment="Left" Margin="286,172,0,0" VerticalAlignment="Top" Width="75" Click="Multi"/>
    <Button Content="/" HorizontalAlignment="Left" Margin="392,172,0,0" VerticalAlignment="Top" Width="75" Click="Div"/>

    </Grid>

我的MainWindowdow.Xaml.cs代码是..

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
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;

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





    private void Add(object sender, RoutedEventArgs e)
    {
        TextBox3.Text = (System.Convert.ToDecimal(TextBox1.Text) + System.Convert.ToDecimal(TextBox2.Text)).ToString();
    }

    private void Sub(object sender, RoutedEventArgs e)
    {
        TextBox3.Text = (System.Convert.ToDecimal(TextBox1.Text) - System.Convert.ToDecimal(TextBox2.Text)).ToString();
    }



    private void Div(object sender, RoutedEventArgs e)
    {
        TextBox3.Text = (System.Convert.ToDecimal(TextBox1.Text) / System.Convert.ToDecimal(TextBox2.Text)).ToString();
    }

    private void Multi(object sender, RoutedEventArgs e)
    {
        TextBox3.Text = (System.Convert.ToDecimal(TextBox1.Text) * System.Convert.ToDecimal(TextBox2.Text)).ToString();
    }    

}

}

我是WPF和MVVM的新手。所以我发现用MVVM格式编写它有点困难。

有人可以告诉我如何用MVVM格式重写它，以便我可以将它作为未来的参考吗？

Answer 1

我认为你的问题很有可能被关闭，因为它没有表现出你努力的最低意愿。请阅读教程，网上有很多，并尝试先了解这些概念。您至少需要了解ViewModel是什么，以及View如何与它相关（绑定）。

您可能无法获得在本网站上完全符合您要求的工作代码，我更感兴趣的是解释工作原理。

无论如何，为了得到你想要的东西，你需要一个充当ViewModel的类，其中的属性代表你使用的概念。您可以使用表示操作数的十进制属性和表示运算符的内容，以及表示UI中每个按钮的命令。然后，您需要将UI元素（文本框，按钮）链接到ViewModel中的属性的绑定，并且您需要将ViewModel的实例设置为您感兴趣的UI元素的容器的DataContext（无论是窗口），网格或其他）。我认为这几乎总结了......

Answer 2

您可以将此示例用作参考。 https://code.google.com/p/wpf-mvvm-calculator/downloads/list

WPF中计算器的MVVM代码

2 个答案: