yigu4011的博客

删掉App.xaml中的代码：StartupUri="MainWindow.xaml" ，在MainWindow.xaml下添加一个按钮，显示颜色，证明UI框架引入成功。使用Nuget下载UI框架程序包：Prism.DryIoc 、MaterialDesignThemes。引入UI库MaterialDesignThemes，进入github。删除IIS Express，使用自带编辑器运行webapi项目成功。在App.xaml 引入prism，并重写方法。选择.netcore 6.0框架。

【代码】WPF无边框并去除上白边。

1、Nuget安装MaterialDesignThemes框架，安装LiveCharts、LiveCharts.Wpf（用来添加曲线，也可以下载LiveCharts.dll、LiveCharts.Wpf.dll，然后引用DLL）4、在MainWindow.xaml添加MaterialDesignThemes、LiveCharts、LiveCharts.Wpf的引用。5、左边菜单栏关键性代码如下：（全部源码可去上方优快云代码地址自由下载）

什么是MVVM?MVVM是Model-View-ViewModel的简写。它本质上就是MVC （Model-View- Controller）的改进版。即模型-视图-视图模型。MVVM示意图如下所示：安装MvvmLight插件：项目名称右键-->管理NuGet程序包-->搜索MvvmLight-->安装。接下来通过MVVM实现数据的CRUD【增删改查】基础操作。MVVM开发步骤：1. 创建Model层本例主要是对学生信息的增删改查，所以创建Student模型类。2. 创建DAL层。

在WPF中，Binding是可以实现数据关联在一起的桥梁，有了Binding，后台可以专心处理程序与算法，前台可以专注于UI设计。控件之间的绑定：通过绑定两个控件，可以实现数据的实时同步，且不需要写后台代码。本例Slider源控件，TextBox为目标控件，通过Text="{Binding ElementName=one, Path=Value,Mode=TwoWay,FallbackValue=0,UpdateSourceTrigger=PropertyChanged}" 实现数据的双向绑定。

控件模板控件模板在WPF中，通过引入模板，将数据和算法的“内容”和“形式”进行解耦。模板主要分为两大类：数据模板【Data Template】和控件模板【Control Template】编辑默认模板选中控件--右键--编辑模板--编辑副本，打开创建Style资源对话框：修改默认样式通过默认创建的控件模板Style，可以修改和重定义控件的显示内容，如：设置按钮显示圆角，和鼠标放上去为红色。

触发器：基础样式：1. 通过TargetType设置样式通过控件类型，统一设置样式【如：字体，大小，边距等】，以便于形成统一的风格，通过设置样式的TargetType="Button"，则可以使所有的按钮应用同一个样式，统一风格2. 通过Key设置样式：如果需要对每一个控件元素，都设置不同的样式，则可以通过不同的Key加以区分。

知识点：知识点：如果包含的元素超过了面板空间，它只会截断多出的内容。元素的Margin属性用于使元素之间产生一定得间隔，当元素空间大于其内容的空间时，剩余空间将由HorizontalAlignment和 VerticalAlignment属性来决定如何分配。WrapPanel【环绕面板】：WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列，当长度或高度不够时就会自动调整进行换行，后续排序按照从上至下或从左至右的顺序进行。