CPF C#跨平台UI框架开源了

🏆作者：科技、互联网行业优质创作者
🏆专注领域：.Net技术、软件架构、人工智能、数字化转型、DeveloperSharp、微服务、工业互联网、智能制造
🏆欢迎关注我（Net数字智慧化基地），里面有很多高价值技术文章，是你刻苦努力也积累不到的经验，能助你快速成长。升职+涨薪！！

C#跨平台UI框架

提供NETStandard2.0和net4的库，通过Netcore可以跨平台，支持Windows、Mac、Linux，Net4的可以支持XP。

各个平台运行效果一致，不依赖系统控件。支持窗体，控件任意透明，支持异形窗体，支持SVG图标显示。

支持动画，数据绑定，Mvvm模式，CSS等，简化依赖属性，数据绑定的写法，提供数据上下文和命令上下文来绑定。

直接用CSS和C#代码描述， 提供设计器生成C#代码和开发者工具查看和调试元素。

和WPF一样的理念，任何控件都可以任意设计模板来实现各种效果 除了使用平台相关API之外，基本可以实现一次编写，到处运行。

全面支持国产化，支持国产Linux + 龙芯、飞腾、兆芯、海光等CPU平台

软件架构说明

CPF为主要框架，CPF.Skia为用skia做图形适配，CPF.Windows、CPF.Linux、CPF.Mac、CPF.Android为各个平台的适配器。

所有控件采用自绘，可以保证各个平台渲染一致性。可以开启skia的硬件加速。Windows端还可以选择GDI+作为图形渲染

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);
}

使用说明

开源地址：https://gitee.com/csharpui/CPF

直接克隆/下载就可以编译，直接启动ConsoleApp1看运行效果

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

扩展库

https://gitee.com/csharpui/cpf.cef 使用CPF对cef的封装，跨平台浏览器控件

https://gitee.com/csharpui/cpf.vlc 使用CPF对vlc的封装，跨平台视频播放控件

其他说明

之前一直在纠结要不要开源，一个人太难搞了，欢迎大家一起壮大开源社区

肯定有很多人会把CPF和Avalonia、Maui进行对比，自己根据喜好和需求选择吧，CPF是没有Xaml，不排除将来可能会增加Xaml的功能。CPF会尽量适配国内系统和环境。

效果截图

🏆欢迎关注我（Net数字智慧化基地），里面有很多高价值技术文章，是你刻苦努力也积累不到的经验，能助你升职+涨薪！！
🏆点击下方卡片关注公众号，里面有很多大佬的技术文章，能助你快速成长。还可免费领取如下15个视频教程！

回复'面试'，获取C#/.NET/.NET Core面试宝典

回复'C#'，领取零基础学习C#编程

回复'NET'，领取.NET零基础入门到实战

回复'Linux'，领取Linux从入门到精通

回复'wpf'，领取高薪热门【WPF上位机+工业互联网】从零手写实战

回复'Modbus'，领取初识C#+上位机Modbus通信

回复'PLC'，领取C#语言与西门子PLC的通信实操

回复'blazor'，领取blazor从入门到实战

回复'TypeScript'，领取前端热门TypeScript系统教程

回复'vue'，领取vue前端从入门到精通

回复'23P'，领取C#实现23种常见设计模式

回复'MongoDB'，领取MongoDB实战

回复'Trans'，领取分布式事务

回复'Lock'，领取分布式锁实践

回复'Docker'，领取微服务+Docker综合实战

回复'K8s'，领取K8s部署微服务

回复'加群'，进.NET技术社区交流群