CPF netcore跨平台桌面UI框架
系列教程
CPF 入門教程(一)
開發之前,你需要先安裝VS2019。為什么要vs2019?因為VS2019才能支持netcore3.0以上,netcore3.0之后才能發布獨立的程序,之前的都只能是控制台。
安裝好vs2019之后,到cpf官網下載(http://cpf.cskin.net/)cpf的案例源碼包和開發者工具。
運行CpfToolsInstall.exe(可能會報毒,因為用了將dll封裝到一個exe的工具),需要聯網,需要NET5,然后選擇安裝目錄,之后會自動安裝開發者工具和自動安裝VS插件。
如果無法啟動DeveloperTools.exe 出現以下錯誤,你需要更新VS2019,安裝net5的SDK。
現在可以打開cpf的案例源碼了,下載和解壓案例源碼,打開項目,先右鍵窗體或者控件,設置打開方式為CpfEditor為默認。



以后使用,可以雙擊打開窗體或者控件,會自動打開開發者工具,如果沒有自動打開開發者工具,則到剛才安裝開發者工具的目錄里啟動開發者工具,點擊免費模式。然后可以把主界面關閉,會最小化到托盤。



正常啟動開發者工具之后,會顯示已連接開發者工具。現在刷新設計器或者重新打開設計器界面,就可以看到界面預覽效果了。
開發的時候,下面可以修改代碼,按Ctrl S,保存,都可以自動刷新界面
用來格式化 InitializeComponent 方法內部的代碼結構的,VS暫時不支持那種多層嵌套的UI結構代碼

寫代碼的一些注意事項,
一般是推薦UI和業務邏輯分開的,不過很多時候為了省事,會混到一起。所以寫的時候要注意,有些代碼不能在預覽的時候運行,你需要判斷一下
if (!DesignMode)//設計模式下不執行
{
}
#if !DesignMode
#endif
兩種方式來排除特殊代碼
如果設計視圖崩了,你可以選擇刷新或者重新打開設計器
安裝插件之后,你可以新建CPF的項目,根據自己的需求,選擇。 創建項目之后,你需要先生成一下,才能打開設計器。


修改CSS之后,保存css,刷新設計器,才能看到效果。
更新cpf的dll版本,可以打開nuget管理,那邊選擇更新或者編輯csproj文件里nuget引用的dll版本,如果是多目標輸出的,一般建議編輯csproj,否則nuget自動更新可能會把引用混亂了

項目右鍵編輯項目文件,修改CPF引用的版本

<ItemGroup> <PackageReference Include="Xhm.CPF" Version="0.8.8.6" /> <PackageReference Include="Xhm.CPF.Windows" Version="0.8.8.6" /> </ItemGroup> <ItemGroup Condition="'$(TargetFramework)'=='netcoreapp3.0'"> <PackageReference Include="Xhm.CPF.Skia" Version="0.8.8.6" /> <PackageReference Include="Xhm.CPF.Mac" Version="0.8.8.6" /> <PackageReference Include="Xhm.CPF.Linux" Version="0.8.8.6" /> </ItemGroup>
寫樣式的時候,添加css文件,打開文件里面右鍵,選中使用CPF關鍵詞提示,然后就可以有智能提示了


最新模仿ElementUI的皮膚效果

