CPF 入門教程(一)


CPF netcore跨平台桌面UI框架

 

系列教程

CPF 入門教程(一)

CPF 門教程 - 數據綁定和命令綁定(二)

CPF 入門教程 - 樣式和動畫(三)

CPF 入門教程 - 繪圖(四) 

CPF 入門教程 - 設計器和模板庫的使用(五)

CPF 入門教程 - 控件布局(六) 

CPF 入門教程 - 屬性和事件(七)

CPF 入門教程 - 各個控件介紹(八) 

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

 

 

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM