C# WPF上位机开发（乘法计算小软件）

本文介绍: 【声明：版权所有，欢迎转载，请勿用于商业用途。联系信箱：feixiaoxing @163.com】上面一篇文章，我们简单了解了怎么用xa ml来设计界面。和传统的c# form不一样，它除了可以通过拖拽的方法来实现界面的编写之外，本身还可以通过脚本的编写实现界面的设计。这对美工设计的同学来说，是非常方便的。但是前后端怎么绑定在一起呢？其实方法也很不复杂，就是通过关联函数。假设我们有一个按钮Button，它设计的时候是这样的，

上面一篇文章，我们简单了解了怎么用xa ml来设计界面。和传统的c# form不一样，它除了可以通过拖拽的方法来实现界面的编写之外，本身还可以通过脚本的编写实现界面的设计。这对美工设计的同学来说，是非常方便的。但是前后端怎么绑定在一起呢？其实方法也很不复杂，就是通过关联函数。

假设我们有一个按钮Button，它设计的时候是这样的，

<Button Content="clean"  HorizontalAlignment="Left" Margin="445,284,0,0" VerticalAlignment="Top" Width="122" Height="31"/&gt;

这个时候如果需要添加一个函数，那么所需要做的就是添加一个Click属性，这个属性所要关联的函数名就是我们将来需要实现的函数。我们实现了对应的函数，那么整个功能就可以顺利跑起来了。

<Button Content="clean" Click="Clean_Click" HorizontalAlignment="Left" Margin="445,284,0,0" VerticalAlignment="Top" Width="122" Height="31"/&gt;

所以，大家学习编程的时候可以多多思考，学习的这个内容可以解决自己的什么问题。这是一个很好的思路和出发点。如果学习的东西真的可以帮助我们解决现实当中的问题，那么对于调用我们学习的积极性来说，也会起到一个很好的促进作用。

<Window x:Class="WpfApp.MainWindow"
        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:local="clr-namespace:WpfApp"
        mc:Ignorable="d"
        Title="MathTest" Height="450" Width="800">
    <Grid>
        <Label Content="data1:" HorizontalAlignment="Left" Margin="214,103,0,0" VerticalAlignment="Top" Height="42" Width="72"/>
        <Label Content="data2:" HorizontalAlignment="Left" Margin="214,176,0,0" VerticalAlignment="Top" Height="41" Width="72"/>
        <TextBox x:Name="txt1" HorizontalAlignment="Left" Height="37" Margin="375,101,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="194"/>
        <TextBox x:Name="txt2" HorizontalAlignment="Left" Height="38" Margin="375,174,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="194"/>
        <Button Content="calculate" Click="Calculate_Click" HorizontalAlignment="Left" Margin="180,284,0,0" VerticalAlignment="Top" Width="122" Height="31"/>
        <Button Content="clean" Click="Clean_Click" HorizontalAlignment="Left" Margin="445,284,0,0" VerticalAlignment="Top" Width="122" Height="31"/>
    </Grid>
</Window>

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 WpfApp
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Calculate_Click(object sender, RoutedEventArgs e)
        {
            uint data1 = 0;
            uint data2 = 0;

            if(txt1.Text=="")
            {
                MessageBox.Show("Please input data1");
                return;
            }

            if(txt2.Text == "")
            {
                MessageBox.Show("please input data2");
                return;
            }

            data1 = Convert.ToUInt32(txt1.Text);
            data2 = Convert.ToUInt32(txt2.Text);
            MessageBox.Show(Convert.ToString(data1*data2));
        }

        private void Clean_Click(object sender, RoutedEventArgs e)
        {
            txt1.Text = "";
            txt2.Text = "";
        }
    }
}