利用WPF窗口程序设计简单计算器

WPF(Windows Presentation Foundation)是一种用于创建Windows应用程序的技术。在本文中,我们将使用WPF窗口程序设计一个简单的计算器。

1. 创建WPF应用程序

首先,我们需要创建一个新的WPF应用程序。在Visual Studio中,选择“新建项目”,然后在模板中选择“WPF应用程序”。命名您的项目,并选择一个保存位置。点击“确定”进行创建。

2. 设计计算器界面

在XAML文件中,我们将设计计算器的用户界面。以下是一个简单的计算器界面的示例:

<Window x:Class="Calculator.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="计算器" Height="450" Width="400">

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="Auto"/>

<RowDefinition Height="*"/>

</Grid.RowDefinitions>

<TextBox Grid.Row="0" Name="resultTextBox" Margin="10" FontSize="20" IsReadOnly="True" HorizontalAlignment="Right"/>

<Grid Grid.Row="1">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="*"/>

<ColumnDefinition Width="*"/>

<ColumnDefinition Width="*"/>

<ColumnDefinition Width="*"/>

</Grid.ColumnDefinitions>

<Button Grid.Column="0" Content="7" Margin="5" FontSize="20" Click="Button_Click"/>

<Button Grid.Column="1" Content="8" Margin="5" FontSize="20" Click="Button_Click"/>

<Button Grid.Column="2" Content="9" Margin="5" FontSize="20" Click="Button_Click"/>

<Button Grid.Column="3" Content="/" Margin="5" FontSize="20" Click="Button_Click"/>

<Button Grid.Column="0" Content="4" Margin="5" FontSize="20" Click="Button_Click"/>

<Button Grid.Column="1" Content="5" Margin="5" FontSize="20" Click="Button_Click"/>

<Button Grid.Column="2" Content="6" Margin="5" FontSize="20" Click="Button_Click"/>

<Button Grid.Column="3" Content="*" Margin="5" FontSize="20" Click="Button_Click"/>

<Button Grid.Column="0" Content="1" Margin="5" FontSize="20" Click="Button_Click"/>

<Button Grid.Column="1" Content="2" Margin="5" FontSize="20" Click="Button_Click"/>

<Button Grid.Column="2" Content="3" Margin="5" FontSize="20" Click="Button_Click"/>

<Button Grid.Column="3" Content="-" Margin="5" FontSize="20" Click="Button_Click"/>

<Button Grid.Column="1" Content="0" Margin="5" FontSize="20" Click="Button_Click"/>

<Button Grid.Column="2" Content="." Margin="5" FontSize="20" Click="Button_Click"/>

<Button Grid.Column="3" Content="+" Margin="5" FontSize="20" Click="Button_Click"/>

<Button Grid.Column="0" Content="C" Margin="5" FontSize="20" Click="Clear_Click" HorizontalAlignment="Left"/>

<Button Grid.Column="0" Content="=" Margin="5" FontSize="20" Click="Equals_Click" HorizontalAlignment="Right" Grid.ColumnSpan="3"/>

</Grid>

</Grid>

</Window>

在上面的示例中,我们使用了一个Grid布局来放置按钮和结果文本框。按钮的点击事件将在后面的代码中实现。

3. 实现计算器逻辑

在代码文件中,我们将实现计算器的逻辑。以下是一个简单的示例:

using System;

using System.Windows;

namespace Calculator

{

public partial class MainWindow : Window

{

string result = "";

public MainWindow()

{

InitializeComponent();

}

private void Button_Click(object sender, RoutedEventArgs e)

{

Button button = (Button)sender;

result += button.Content.ToString();

resultTextBox.Text = result;

}

private void Clear_Click(object sender, RoutedEventArgs e)

{

result = "";

resultTextBox.Text = result;

}

private void Equals_Click(object sender, RoutedEventArgs e)

{

try

{

result = new DataTable().Compute(result, null).ToString();

resultTextBox.Text = result;

}

catch(Exception ex)

{

MessageBox.Show("计算错误:" + ex.Message);

}

}

}

}

在上面的示例中,我们使用了一个字符串变量来存储用户输入的表达式。按钮的点击事件将在字符串变量后面追加相应的内容,并将结果显示在结果文本框中。清除按钮将清空结果。等号按钮将使用DataTable.Compute方法计算输入的表达式,并显示结果。如果计算发生错误,将会弹出一个错误消息框。

4. 运行应用程序

现在,您可以运行应用程序来测试计算器。键入表达式,然后点击等号按钮查看计算结果。

通过以上步骤,您已经成功地设计并实现了一个简单的计算器窗口程序。您可以根据需要自定义界面和添加更多功能。希望本文对您有所帮助!

后端开发标签