CPF 入门教程（一）

CPF netcore跨平台UI框架

 

系列教程

CPF 入门教程（一）

CPF 入门教程 - 数据绑定和命令绑定（二）

 

 

开发以前，你须要先安装VS2019。为何要vs2019？由于VS2019才能支持netcore3.0以上，netcore3.0以后才能发布独立的程序，以前的都只能是控制台。

安装好vs2019以后，到cpf官网下载(http://cpf.cskin.net/)cpf的案例源码包和开发者工具。先打开开发者工具压缩包，安装VS插件。

 

插件安装好以后，把开发者工具包里的开发者工具文件解压到你的程序安装目录。 打开vs，第一次打开，会提示配置开发者工具的路径，找到刚才解压出来的 DeveloperTools.exe 选中设置。

如今能够打开cpf的案例源码了，下载和解压案例源码，打开项目，先右键窗体或者控件，设置打开方式为CpfEditor为默认。

 

 

 

设置好了以后，能够双击打开窗体或者控件。 如今会自动打开开发者工具，点击免费模式。而后能够把主界面关闭，会最小化到托盘。

 

正常启动开发者工具以后，会显示已链接开发者工具。如今刷新设计器或者从新打开设计器界面，就能够看到界面预览效果了。

 

开发的时候，下面能够修改代码，按Ctrl S，保存，自动刷新界面

 

用来格式化 InitializeComponent 方法内部的代码结构的，VS暂时不支持那种多层嵌套的UI结构代码

 

 

写代码的一些注意事项，

通常是推荐UI和业务逻辑分开的，不过不少时候为了省事，会混到一块儿。因此写的时候要注意，有些代码不能在预览的时候运行，你须要判断一下

if (!DesignMode)//设计模式下不执行
{

}

#if !DesignMode

#endif

　　

两种方式来排除特殊代码

若是设计视图崩了，你能够选择刷新或者从新打开设计器

 

安装插件以后，你能够新建CPF的项目，根据本身的需求，选择。 建立项目以后，你须要先生成一下，才能打开设计器。

 

 

 

修改CSS以后，须要生成一次，再刷新设计器，才能看到效果。

 

更新cpf的dll版本，能够打开nuget管理，那边选择更新或者编辑csproj文件里nuget引用的dll版本

 

 

最新模仿ElementUI的皮肤效果