&

CPF：一個跨平臺 UI 開發(fā)解決方案框架，支持 Windows、Mac、Linux 和 Android 等多個操作系統(tǒng)

admin

2025年1月23日 22:58 本文熱度 430

前言

創(chuàng)建一個能夠無縫運行于多個操作系統(tǒng)的應用程序是一個關鍵需求。為了滿足這一需求。

推薦一款全新的 C# 跨平臺 UI 框架，提供強大的工具和支持，確保應用程序在 Windows、Mac 和 Linux（包括國產 Linux 發(fā)行版）上具有一致的運行效果，并且能夠在 .NET Core 和 .NET Framework 4.0 環(huán)境下高效運行，甚至支持 Windows XP。

項目介紹

簡潔、直觀、強悍的.NET 跨平臺UI開發(fā)框架。

框架理念和WPF類似，但是沒有Xaml，直接用CSS和C#代碼描述。

全面支持國產化，支持國產Linux + 龍芯、飛騰、兆芯、海光等CPU平臺。

項目特點

全面跨平臺支持：基于 .NET Standard 2.0 和 .NET Framework 4.0，該框架通過 .NET Core 實現了真正的跨平臺兼容性，覆蓋 Windows、Mac 和 Linux（包括國產 Linux 發(fā)行版），并且在各個平臺上提供一致的用戶體驗。
不依賴系統(tǒng)控件：所有控件完全由框架自定義實現，確保在不同操作系統(tǒng)上的表現一致性，避免了因系統(tǒng)差異帶來的問題。
高級視覺效果：支持窗體和控件的任意透明度設置、異形窗體設計以及 SVG 圖標顯示，為應用帶來現代感十足的視覺體驗。
豐富的交互功能：內置動畫支持、數據綁定機制、MVVM 模式、CSS 樣式等，簡化了依賴屬性和數據綁定的寫法，提供了靈活的數據上下文和命令上下文綁定方式。
開發(fā)與調試工具：提供設計器生成 C# 代碼的功能，以及開發(fā)者工具用于查看和調試元素，極大地提高了開發(fā)效率。
模板化設計：秉承 WPF 的設計理念，任何控件都可以通過自定義模板來實現各種復雜效果，賦予開發(fā)者極大的靈活性。
一次編寫，到處運行：除了少量平臺特定 API 外，基本實現了代碼的完全復用，顯著減少了多平臺開發(fā)的工作量。
全面支持國產化：特別優(yōu)化了對國產 Linux 和多種國產 CPU 平臺（如龍芯、飛騰、兆芯、海光等）的支持，幫助我們開發(fā)高性能的應用程序。

架構說明

CPF（Cross-Platform Framework）是一個旨在提供跨平臺 UI 開發(fā)解決方案的框架，支持 Windows、Mac、Linux 和 Android 等多個操作系統(tǒng)。其核心設計理念是通過模塊化和適配器模式，確保應用程序在不同平臺上具有一致的表現和性能。

主要組件

1、CPF

主要框架，提供了核心功能和基礎架構。

2、CPF.Skia

使用 Skia 作為圖形引擎的適配層，確保高質量的圖形渲染和一致的視覺效果。

3、平臺適配器

CPF.Windows：針對 Windows 平臺的適配器。
CPF.Linux：針對 Linux 平臺的適配器，包括對國產 Linux 發(fā)行版的支持。
CPF.Mac：針對 macOS 平臺的適配器。
CPF.Android：針對 Android 平臺的適配器。

使用說明

直接克隆或下載項目即可編譯和運行。為了快速了解運行效果，可以直接啟動 ConsoleApp1 示例程序。

CPF使用文檔：http://cpf.cskin.net/Course/#/

擴展庫

CEF 封裝：CPF.CEF 是對 CEF（Chromium Embedded Framework）的封裝，提供了一個跨平臺的瀏覽器控件，適用于需要嵌入網頁瀏覽功能的應用。

VLC 封裝：CPF.VLC 是對 VLC 的封裝，提供了一個跨平臺的視頻播放控件，適用于需要多媒體播放功能的應用。

關于設計器

設計師工具不開源，但提供了免費試用版本。免費模式下，用戶可以刷新和預覽設計效果，但不能進行拖拽操作或審查元素。VIP 用戶享有完整功能，包括拖拽和審查元素等高級功能，可免費試用一個月。

其他說明

之前一直在糾結要不要開源，一個人太難搞了，歡迎大家一起壯大開源社區(qū)。

肯定有很多人會把CPF和Avalonia、Maui進行對比，自己根據喜好和需求選擇吧，CPF是沒有Xaml，不排除將來可能會增加Xaml的功能。

CPF會盡量適配國內系統(tǒng)和環(huán)境。

項目使用

C# 描述UI

public class Window1 : Window
{
    protected override void InitializeComponent()
    {
        LoadStyleFile("res://測試/Stylesheet1.css");
        Title = "標題";
        Width = 500;
        Height = 400;
        Background = null;
        Children.Add(new WindowFrame(this, new Panel
        {
            Width = "100%",
            Height = "100%",
            Children =
            {
                new StackPanel{
                    Size = SizeField.Fill,
                    Children = {
                        new Label{
                            Text = "標簽",
                            Bindings = {
                                {nameof(Label.Text),nameof(MainModel.Test) },
                                //{ nameof(Label.Text), nameof(MainModel.Test), null, BindingMode.OneWay, (string a)=>a+"轉換器" }
                            },
                        },
                        new Button{
                            Content="按鈕",
                            Bindings = {
                                {nameof(Label.Text),nameof(MainModel.Test) }
                            },
                        }
                    },
                },
            }
        }));
    }
}

CSS描述樣式

需要注意的是這里只是用到CSS的格式，并不是兼容網頁的CSS

Button 
{
    BorderFill: #DCDFE6;
    IsAntiAlias: True;
    CornerRadius: 4,4,4,4;
    Background: #FFFFFF;
}

Button[IsMouseOver=true] 
{
    BorderFill: rgb(198,226,255);
    Background: rgb(236,245,255);
    Foreground: rgb(64,158,255);
}

Button[IsPressed=true] 
{
    BorderFill: rgb(58,142,230);
}