WPF实现一个简单的多运算符表达式计算器
1.先看下效果图在这里插入图片描述
首先外围给了一个grid 把他分成了两行 第一行用来显示文本框给了一个低于第二行的高度 第二行用来存按钮 窗体的大小自己去调就好了 我这里给的是380×268
<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" Ba<em style="color:transparent">本文来源gao.dai.ma.com搞@代*码#网</em>ckground="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;
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：WPF实现多运算符表达式计算器
转载请注明原文链接：WPF实现多运算符表达式计算器
