WPF项目实战视频《三》（主要为客户端软件界面设计）

最新推荐文章于 2024-09-05 22:47:28 发布

滴_咕噜咕噜

最新推荐文章于 2024-09-05 22:47:28 发布

阅读量693

点赞数 12

分类专栏： WPF视频学习笔记文章标签： wpf 笔记

本文链接：https://blog.csdn.net/xy_77777/article/details/140615532

版权

WPF视频学习笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

20.WPF项目实战（项目介绍）

1.WEB API：接口，如何获取数据（增删改查）
2.客户端项目功能：
待办，备忘录，汇总，完成比例，设置系统主题等。

21.WPF项目实战（创建项目结构）

VS使用prism插件新建一个项目MyToDo
在这里插入图片描述

此插件自动安装依赖包Prism.DryIoc，还需安装材料包MaterialDesignThemes，安装之后打开项目UML，按它的文档操作一遍
在这里插入图片描述
在App.xaml.cs中使主程序继承自PrismApplication

在App.xaml中添加MaterialDesignThemes包的部分（可直接从文档中复制过来）

在MainWindow.xaml中新加一个按钮

下一步添加一个Web Api:在解决方案中新建项目-api项目，命名为MyToDo.Api
在这里插入图片描述
设为启动项可正常启动。

22.WPF项目实战（设计首页导航条）

实现效果：
在这里插入图片描述
先把整个页面分为两个区域（导航条和主要区域）

<Grid.RowDefinitions>
    <RowDefinition Height="auto"/>
    <RowDefinition/>
</Grid.RowDefinitions>

左边的部分：可以直接从MaterialDesignThemes源码中取出这部分到MyToDo项目中：MaterialDesignThemes中找到启动项的mainWindow,复制需要的部分，导入MaterialDesignThemes，
在这里插入图片描述
删掉复制内容中不需要的部分，最后实现：

现需要加入导航条右边的部分，三个按钮和放大缩小处理。
在这里插入图片描述
新加头像，在项目文件中新建文件夹Images,添加想要的图片，然后在xaml中添加图片即可

<Image Width="25" Height="25" Source="/Images/1.jpg"/>

注意：需要将图片属性设置为资源，否则可能会出错
在这里插入图片描述
注意：插件：XamlStyler.Extension.Windows.VS2022.vsix 安装后直接保存可进行代码的自动对齐。

之前的缩小窗口，放大窗口，关闭窗口，未实现功能，因为此功能本身没有什么多联系，所以可以使用事件来完成。
在这里插入图片描述

public MainWindow()
{
    InitializeComponent();

    btnMin.Click += (s, e) =>
    {
        //把当前窗口的状态改成最小
        this.WindowState = WindowState.Minimized;
    };

    btnMax.Click += (s, e) =>
    {
        //判断当前窗口状态，如果是最大化则变为正常的，否则把当前窗口的状态改成最大
        if(this.WindowState == WindowState.Maximized)
            this.WindowState = WindowState.Normal;
        else
            this.WindowState = WindowState.Maximized;
    };

    btnClose.Click += (s, e) =>
    {
        //关闭当前窗口
        this.Close();
    };
}

还可以添加鼠标事件：拖动和鼠标双击处理。
鼠标拖动控件：为需要拖动的控件增加name
在这里插入图片描述

//添加鼠标拖动事件
ColorZone.MouseMove += (s, e) => { 
    //判断，如果是正在移动，则拖动窗口
    if(e.LeftButton == MouseButtonState.Pressed)
    {
        this.DragMove();
    }
};

//双击的处理
ColorZone.MouseDoubleClick += (s, e) =>
{
    if (this.WindowState == WindowState.Normal)
        this.WindowState = WindowState.Maximized;
    else
        this.WindowState = WindowState.Normal;
};

23.WPF项目实战（绑定菜单）

实现点击旁边的菜单栏，可根据选项动态进行切换界面，动态绑定菜单。有图标，名字，命名空间（用来导航）
创建公共的文件夹，创建一些实体类
1.添加一个系统导航菜单类MenuBar：（包含icon图标，title名字，命名控件nameSpace）
在这里插入图片描述
2.在view文件夹中新加窗口：MainView.xaml，在ViewModels新加类：MainViewModels类。