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

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;elsethis.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;elsethis.WindowState = WindowState.Normal;
};

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

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