WPF實現(xiàn)多運算符表達式計算器

更新時間：2020年11月08日 13:45:59 作者：賧

這篇文章主要為大家詳細介紹了WPF實現(xiàn)多運算符表達式計算器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下

WPF實現(xiàn)一個簡單的多運算符表達式計算器，供大家參考，具體內(nèi)容如下

1.先看下效果圖

首先外圍給了一個grid 把他分成了兩行第一行用來顯示文本框給了一個低于第二行的高度第二行用來存按鈕窗體的大小自己去調(diào)就好了我這里給的是380x268

<Grid.RowDefinitions>
 <RowDefinition Height="0.7*"></RowDefinition>
 <RowDefinition></RowDefinition>
</Grid.RowDefinitions>

這是一個非常簡單的布局沒有用到樣式頭部是用了一個Border給一個圓弧實現(xiàn)的代碼如下

<Border Margin="5" Padding="5" Background="White" BorderBrush="Black" BorderThickness="3,5,3,5" CornerRadius="10" VerticalAlignment="Top" Height="130" Width="240">
  <TextBlock Name="ShowNumText" Height="100" Width="auto" VerticalAlignment="Top" FontSize="50" HorizontalAlignment="Right" >
  
  </TextBlock>
</Border>

接下來就是按鍵部分了用了一個UniformGrid布局類似于一個表格給4行4列最后再往里面添加按鈕實現(xiàn)的分別給每個按鈕設(shè)置背景顏色，字體顏色以及單擊事件（一共4類單擊事件分別是數(shù)字的、運算符的、等于號、還有一個清空C）

<UniformGrid Grid.Row="1" Rows="4" Columns="4" Height="200" Width="250">
  <Button Name="btn1" Content="1" FontSize="35" Background="Black" Foreground="White" Click="btn1_Click_1"/>
  <Button Name="btn2" Content="2" FontSize="35" Background="Black" Foreground="White" Click="btn1_Click_1"/>
  <Button Name="btn3" Content="3" FontSize="35" Background="Black" Foreground="White" Click="btn1_Click_1"/>
  <Button Name="btnD" Content="÷" FontSize="35" Background="Black" Foreground="White" Click="btnD_Click"/>
  <Button Name="btn4" Content="4" FontSize="35" Background="Black" Foreground="White" Click="btn1_Click_1"/>
  <Button Name="btn5" Content="5" FontSize="35" Background="Black" Foreground="White" Click="btn1_Click_1"/>
  <Button Name="btn6" Content="6" FontSize="35" Background="Black" Foreground="White" Click="btn1_Click_1"/>
  <Button Name="btnX" Content="X" FontSize="35" Background="Black" Foreground="White" Click="btnD_Click"/>
  <Button Name="btn7" Content="7" FontSize="35" Background="Black" Foreground="White" Click="btn1_Click_1"/>
  <Button Name="btn8" Content="8" FontSize="35" Background="Black" Foreground="White" Click="btn1_Click_1"/>
  <Button Name="btn9" Content="9" FontSize="35" Background="Black" Foreground="White" Click="btn1_Click_1"/>
  <Button Name="btnM" Content="-" FontSize="35" Background="Black" Foreground="White" Click="btnD_Click"/>
  <Button Name="btnC" Content="C" FontSize="35" Background="Black" Foreground="White" Click="btnC_Click"/>
  <Button Name="btn0" Content="0" FontSize="35" Background="Black" Foreground="White" Click="btn1_Click_1"/>
  <Button Name="btnE" Content="+" FontSize="35" Background="Black" Foreground="White" Click="btnD_Click"/>
  <Button Name="btnP" Content="=" FontSize="35" Background="Black" Foreground="White" Click="btnP_Click"/>
</UniformGrid>

這樣我們的xaml樣式就寫完了，接下來就是后端了

上面的代碼我們看到我們已經(jīng)定義了單擊事件首先找到數(shù)字的單擊事件寫上以下代碼

var v = sender as Button;
  switch (v.Content.ToString())
  {
  case "1":
   ShowNumText.Text += 1;
   break;
  case "2":
   ShowNumText.Text += 2;
   break;
  case "3":
   ShowNumText.Text += 3;
   break;
  case "4":
   ShowNumText.Text += 4;
   break;
  case "5":
   ShowNumText.Text += 5;
   break;
  case "6":
   ShowNumText.Text += 6;
   break;
  case "7":
   ShowNumText.Text += 7;
   break;
  case "8":
   ShowNumText.Text += 8;
   break;
  case "9":
   ShowNumText.Text += 9;
   break;
  case "0":
   ShowNumText.Text += 0;
   break;

意思就是判斷一下用戶點擊的是哪一個數(shù)字然后把他加到文本框內(nèi)

接下來就是運算符的單擊事件同理數(shù)字的

if (ShowNumText.Text == "")
  return;
  var v1 = sender as Button;
  switch (v1.Content.ToString())
  {
  case "+":
   ShowNumText.Text += "+";
   break;
  case "-":
   ShowNumText.Text += "-";
   break;
  case "X":
   ShowNumText.Text += "X";
   break;
  case "÷":
   ShowNumText.Text += "÷";
   break;
}

然后導入命名空間

using System.Data;

這個命名空間里面有一個超級好用的方法Compute
Compute的意思簡單來說就是放入一個string類型的帶有表達式的字符串計算，
找到等于號的事件加入代碼

try
 {
  string str= ShowNumText.Text.Replace('X', '*');
  str= str.Replace('÷', '/');
  DataTable dt = new DataTable();
  string v = dt.Compute(str, null).ToString();
  ShowNumText.Text = v.ToString();
  }
  catch { ShowNumText.Text = ""; }

用Replace方法過濾掉 x和÷
因為Compute 是不接收數(shù)學的乘和除的

最后在清空事件里加入一個ShowNumText.Text = "";//清空文本框
這樣我們的計算器就寫完了?。。?/p>

前臺xaml

<Window x:Class="WpfApplication1.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:WpfApplication1"
 mc:Ignorable="d"
 Title="計算機" Height="380" Width="268">
 <Grid>
 <Grid.RowDefinitions>
  <RowDefinition Height="0.7*"></RowDefinition>
  <RowDefinition></RowDefinition>
 </Grid.RowDefinitions>
 <Border Margin="5" Padding="5" Background="White" BorderBrush="Black" BorderThickness="3,5,3,5" CornerRadius="10" VerticalAlignment="Top" Height="130" Width="240">
  <TextBlock Name="ShowNumText" Height="100" Width="auto" VerticalAlignment="Top" FontSize="50" HorizontalAlignment="Right" >
  
  </TextBlock>
 </Border>
 <UniformGrid Grid.Row="1" Rows="4" Columns="4" Height="200" Width="250">
  <Button Name="btn1" Content="1" FontSize="35" Background="Black" Foreground="White" Click="btn1_Click_1"/>
  <Button Name="btn2" Content="2" FontSize="35" Background="Black" Foreground="White" Click="btn1_Click_1"/>
  <Button Name="btn3" Content="3" FontSize="35" Background="Black" Foreground="White" Click="btn1_Click_1"/>
  <Button Name="btnD" Content="÷" FontSize="35" Background="Black" Foreground="White" Click="btnD_Click"/>
  <Button Name="btn4" Content="4" FontSize="35" Background="Black" Foreground="White" Click="btn1_Click_1"/>
  <Button Name="btn5" Content="5" FontSize="35" Background="Black" Foreground="White" Click="btn1_Click_1"/>
  <Button Name="btn6" Content="6" FontSize="35" Background="Black" Foreground="White" Click="btn1_Click_1"/>
  <Button Name="btnX" Content="X" FontSize="35" Background="Black" Foreground="White" Click="btnD_Click"/>
  <Button Name="btn7" Content="7" FontSize="35" Background="Black" Foreground="White" Click="btn1_Click_1"/>
  <Button Name="btn8" Content="8" FontSize="35" Background="Black" Foreground="White" Click="btn1_Click_1"/>
  <Button Name="btn9" Content="9" FontSize="35" Background="Black" Foreground="White" Click="btn1_Click_1"/>
  <Button Name="btnM" Content="-" FontSize="35" Background="Black" Foreground="White" Click="btnD_Click"/>
  <Button Name="btnC" Content="C" FontSize="35" Background="Black" Foreground="White" Click="btnC_Click"/>
  <Button Name="btn0" Content="0" FontSize="35" Background="Black" Foreground="White" Click="btn1_Click_1"/>
  <Button Name="btnE" Content="+" FontSize="35" Background="Black" Foreground="White" Click="btnD_Click"/>
  <Button Name="btnP" Content="=" FontSize="35" Background="Black" Foreground="White" Click="btnP_Click"/>
 </UniformGrid>
 </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;
using System.Data;
namespace WpfApplication1
{
 /// <summary>
 /// MainWindow.xaml 的交互邏輯
 /// </summary>
 public partial class MainWindow : Window
 {
 public MainWindow()
 {
  InitializeComponent();
  
 }
 private void btn1_Click_1(object sender, RoutedEventArgs e)//0-9綁定同一個事件
 { 
  var v = sender as Button;
  switch (v.Content.ToString())
  {
  case "1":
   ShowNumText.Text += 1;
   break;
  case "2":
   ShowNumText.Text += 2;
   break;
  case "3":
   ShowNumText.Text += 3;
   break;
  case "4":
   ShowNumText.Text += 4;
   break;
  case "5":
   ShowNumText.Text += 5;
   break;
  case "6":
   ShowNumText.Text += 6;
   break;
  case "7":
   ShowNumText.Text += 7;
   break;
  case "8":
   ShowNumText.Text += 8;
   break;
  case "9":
   ShowNumText.Text += 9;
   break;
  case "0":
   ShowNumText.Text += 0;
   break;
  } 
 }
 private void btnD_Click(object sender, RoutedEventArgs e)//運算符也綁定同一個事件
 {
  if (ShowNumText.Text == "")
  return;
  var v1 = sender as Button;
  switch (v1.Content.ToString())
  {
  case "+":
   ShowNumText.Text += "+";
   break;
  case "-":
   ShowNumText.Text += "-";
   break;
  case "X":
   ShowNumText.Text += "X";
   break;
  case "÷":
   ShowNumText.Text += "÷";
   break;
  } 
 }
 private void btnP_Click(object sender, RoutedEventArgs e)
 {
  try
  {
  string str= ShowNumText.Text.Replace('X', '*');
  str= str.Replace('÷', '/');
  DataTable dt = new DataTable();
  string v = dt.Compute(str, null).ToString();
  ShowNumText.Text = v.ToString();
  }
  catch { ShowNumText.Text = ""; }
 }
 private void btnC_Click(object sender, RoutedEventArgs e)
 {
  ShowNumText.Text = "";//清空文本框
 }
 }
}

感謝你的觀看！

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: