C#WPF入门

本文介绍了一个使用C# WPF框架构建简易计算器的教程。通过XAML和C#代码,实现了UI设计和计算算法,包括UI布局、控件样式、计算逻辑和事件处理。计算器具备加减乘除功能,采用扁平化设计,遵循从左至右的单运算符运算规则。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.引言

WPF(Windows Presentation Fundation)是基于windows窗口的用户界面(User Interface)框架,在.NET framework框架下,开发交互图形界面。它支持多种设计方法,可直接使用工具箱拖拽创建控件,也可以通过xmal,cs语言接口设计。

在cs内编辑控件触发事件函数,实现交互算法设计。

本次实验完成简易计算机的ui设计,及其功能实现。

 

2.设计报告

  • 项目简介

使用wpf框架编写简易计算器,实现加减乘除运算,数域为有理数域。

  • 设计步骤

首先在xaml文件内进行ui界面设计,根据交互逻辑,控件主要组成为显示区(TextBox),数字按键(Button),运算符按键(Button),清零,小数,等于按键(Button)。

参照ios系统calculater设计界面,选择了橙蓝配色。扁平化设计,没有使用按键悬浮或按下特效。

接下来完成算法实现,引入三个变量temp, blnClear, strOper维护计算过程。

运算(本算法实现单运算符从左至右运算)流程主要是:输入新数字,输入下一运算符;初始状态可视为数字0,运算符+。

  • 关键技术

UI页面排版:

    利用<Grid>标签,包含ColumnDefinitions, RowDefinitions, ColumnSpan, RowSpan等方法。完成页面扁平排版。

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />...
        </Grid.ColumnDefinitions>...
    </Grid>

    <TextBox Name="number" Grid.Row="0" Grid.ColumnSpan ="4" ... >0</TextBox>

 

控件外观统一设置:

    在Window.Resource下编辑统一格式<Style>。

    <Window.Resources>
        <Style TargetType="But

### C# WPF 入门教程 #### 什么是 WPF? Windows Presentation Foundation (WPF) 是 Microsoft 提供的一种用于构建桌面客户端应用程序的技术,它是 .NET Framework 的一部分。如果开发者熟悉 ASP.NET 或 Windows Forms 并通过 .NET 构建过应用,则会对这种编程体验感到亲切[^1]。 WPF 使用一种名为 XAML(Extensible Application Markup Language)的语言来定义用户界面的布局和外观。XAML 提供了一种声明式的编程模型,使得 UI 开发变得更加直观和高效[^1]。 --- #### WPF 和 WinForms 的区别 C# 支持两种主要的方式创建桌面应用程序:WinForms 和 WPF。以下是两者的对比: - **WinForms** 更传统,历史更悠久;其控件属性通常在 C# 中实现。 - **WPF** 更新颖,灵活性更高,支持更复杂的动画效果和自定义样式。它的控件属性主要由 XAML 定义,这使修改控件变得更为简便[^2]。 尽管 WinForms 上手更容易,但 WPF 能够提供更好的用户体验以及更高的设计自由度[^3]。 --- #### 如何配置开发环境? 要开始学习 WPF,首先需要安装 Visual Studio,并确保选择了“.NET Desktop Development”工作负载。Visual Studio 是官方推荐的集成开发环境 (IDE),它提供了强大的工具集来简化 WPF 应用程序的开发过程[^1]。 --- #### 初学者的第一步:理解基本概念 ##### 1. 创建第一个 WPF 应用程序 打开 Visual Studio 后,选择“新建项目”,然后选择“WPF App (.NET Core)”或“WPF App (.NET Framework)”。完成项目的初始化后,你会看到两个文件: - `MainWindow.xaml`:这是应用程序的主要窗口,其中包含了所有的 UI 声明。 - `MainWindow.xaml.cs`:这是一个后台代码文件,负责处理逻辑操作。 ##### 2. 认识 XAML 文件结构 XAML 文件是一个 XML 文档,具有特定的命名空间和语法。例如,在默认情况下,`MainWindow.xaml` 可能看起来像这样: ```xml <Window x:Class="MyApp.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="我的第一个 WPF 应用" Height="350" Width="525"> <Grid> <!-- 这里放置控件 --> </Grid> </Window> ``` - `<Window>` 标签表示整个窗口。 - 属性如 `Title`, `Height`, 和 `Width` 设置了窗口的基础特性。 - 子标签 `<Grid>` 表示一个容器面板,可以在其中布置其他控件。 ##### 3. 添加简单的交互功能 假设你想向页面中添加一个按钮并绑定点击事件。可以通过以下方式实现: ```xml <Button Content="点击我!" HorizontalAlignment="Center" VerticalAlignment="Center" Click="Button_Click"/> ``` 对应的后台代码如下所示: ```csharp private void Button_Click(object sender, RoutedEventArgs e) { MessageBox.Show("你好,世界!"); } ``` 这段代码展示了如何响应用户的输入行为,并弹出消息框显示提示信息。 --- #### 推荐的学习路径 对于初学者来说,建议按照以下顺序逐步深入掌握 WPF 技术: 1. 熟悉 XAML 的基础语法及其作用; 2. 练习常见的布局管理器(如 Grid、StackPanel 等); 3. 学习数据绑定机制,了解 MVVM 设计模式; 4. 尝试引入第三方库扩展功能,比如 Material Design for WPF。 ---
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值