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的皮膚效果