CPF 入門教程(一)

CPF netcore跨平台UI框架

開發之前,你需要先安裝VS2019。為什麼要vs2019?因為VS2019才能支援netcore3.0以上,netcore3.0之後才能發布獨立的程式,之前的都只能是控制台。

安裝好vs2019之後,到cpf官網下載(//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的皮膚效果