WPF實現多運算子表示式計算器
阿新 • • 發佈：2020-11-09
WPF實現一個簡單的多運算子表示式計算器，供大家參考，具體內容如下
1.先看下效果圖
首先外圍給了一個grid 把他分成了兩行 第一行用來顯示文字框給了一個低於第二行的高度 第二行用來存按鈕 窗體的大小自己去調就好了 我這裡給的是380x268
<Grid.RowDefinitions> <RowDefinition Height="0.7*"></RowDefinition> <RowDefinition></RowDefinition> </Grid.RowDefinitions>
這是一個非常簡單的佈局 沒有用到樣式 頭部是用了一個Border給一個圓弧實現的 程式碼如下
<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列 最後再往裡面新增按鈕實現的 分別給每個按鈕設定背景顏色，字型顏色以及單擊事件（一共4類單擊事件 分別是數字的、運算子的、等於號、還有一個清空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樣式就寫完了，接下來就是後端了
上面的程式碼我們看到我們已經定義了單擊事件 首先找到數字的單擊事件寫上以下程式碼
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;
意思就是判斷一下使用者點選的是哪一個數字 然後把他加到文字框內
接下來就是運算子的單擊事件 同理數字的
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 是不接收數學的乘和除的
最後在清空事件里加入一個ShowNumText.Text = "";//清空文字框
這樣我們的計算器就寫完了！！！
前臺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" 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',null).ToString();
ShowNumText.Text = v.ToString();
}
catch { ShowNumText.Text = ""; }
}
private void btnC_Click(object sender,RoutedEventArgs e)
{
ShowNumText.Text = "";//清空文字框
}
}
}
感謝你的觀看！
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。