WPF的HelloWorld

1、下载Visual Studio Installer并安装Visual Studio

访问微软官网,选择Community版本,点击免费下载
工作负荷仅勾选.NET 桌面开发,其他组件取消
安装位置选择其他位置
点击安装,等待安装完成
安装完成后关闭Visual Studio Installer
启动Visual Studio,跳过登录,点击启动 Visual Studio

2、创建新项目

点击创建新项目
搜索模板WPF 应用程序,语言选择C#,平台选择Windows,项目类型选择桌面
选择WPF 应用程序,点击下一步
默认项目名称WpfApp1,点击下一步
默认框架选择.NET 6.0 (长期支持),点击创建
创建完成后,直接启动试试,按F5启动(或者点击标题栏附近的运行按钮)
在这里插入图片描述

3、垂直拆分/水平拆分/折叠窗格

右侧解决方案资源管理器,双击打开MainWindow.xaml,上半部分显示一个预览界面,下半部分显示了xaml代码
点击垂直拆分,方便查看代码
在这里插入图片描述

4、使用工具箱

打开:菜单栏 - 视图 - 工具箱(X)(Ctrl+Alt+X)
在这里插入图片描述
展开/收起:在最左侧边框,点击工具箱
请添加图片描述
全部显示:右键工具箱窗口,点击全部显示
请添加图片描述
拖拽添加控件:在控件上方左键按住,移动到预览窗口上
请添加图片描述

5、修改标题和窗口大小

代码第8行Title="MainWindow" Height="450" Width="800">改为Title="你好,WPF!" Height="230" Width="800">

6、代码注释快捷键

注释整行代码:鼠标点击该行,按住Ctrl,按一下K松手,再按一下C松手,松开Ctrl
请添加图片描述
注释多行代码:
鼠标点击内容开始,按住Shift,鼠标点击内容结束,松开Shift
按住Ctrl,按一下K松手,再按一下C松手,松开Ctrl
请添加图片描述

7、添加一个按钮

修改MainWindow.xaml代码,添加一个按钮

<Window x:Class="WpfApp1.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:WpfApp1"
        mc:Ignorable="d"
        Title="你好,WPF!" Height="200" Width="300">
    <Grid>
        <Button
            Name="btn1"
            Background="AliceBlue"
            BorderBrush="Blue" BorderThickness="2"
            Height="50" Width="100"
            Click="Btn1_Click" ClickMode="Press"
            Content="按钮"
            />
    </Grid>
</Window>

8、为按钮添加一个事件

// 省略using

namespace WpfApp1
{
    
    
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
    
    
        public MainWindow()
        {
    
    
            InitializeComponent();
        }

        private void Btn1_Click(object sender, RoutedEventArgs e)
        {
    
    
            MessageBox.Show("点击了按钮");
        }
    }
}

9、运行

快捷键Ctrl+F5或者F5
菜单栏 - 调试 - 开始调试(S)(F5)(或 开始执行(不调试)(H)(Ctrl+F5))
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

10、EXE文件位置

打开项目文件夹,exe文件位置:bin\Debug\net6.0-windows\WpfApp1.exe

11、添加图标

下载一个ico图标,下载时选择ICO格式,点击Other,点击ICO,点击Download in ICO

菜单栏 - 项目(P) - WpfApp1 属性(P)
应用程序 - Win32 资源 - 图标
选择一个ico文件作为程序图标
Ctrl+F5运行,窗口左上角任务栏exe文件图标都显示了新修改的图标

11、文档

System.Windows.Controls 命名空间
 
 
 


猜你喜欢

转载自blog.csdn.net/qq_39124701/article/details/129833150
WPF