CPF netcore跨平台UI框架 系列教程 CPF 入门教程(一) CPF 入门教程 - 数据绑定和命令绑定(二) 数据绑定和Wpf类似,支持双向绑定.数据绑定和命令绑定是UI和业务逻辑分离的基础. 首先,你需要定义个MainModel,为了可以有属性通知,这个类可以继承CpfObject或者自己实现INotifyPropertyChanged public class MainModel : CpfObject { [PropertyMetadata("默认值")] public…

CPF NetCore跨平台UI框架 系列教程 CPF 入门教程(一) CPF 入门教程 - 数据绑定和命令绑定(二) CPF 入门教程 - 样式和动画(三) 用样式可以对内部元素进行批量设置属性. CPF里采用CSS作为样式描述.为什么用css描述样式?因为css结构简单明了. Xaml和CSS的简单对比 <Style TagetType="Button"> <Setter Property="Background" value="Re…

CPF NetCore跨平台UI框架,增加了Vlc支持跨平台播放视频. 系列教程 CPF 入门教程(一) CPF 入门教程 - 数据绑定和命令绑定(二) CPF 入门教程 - 样式和动画(三) CPF 入门教程 - 绘图(四) 一般来说是不需要自己写绘图代码的,大部分UI效果通过控件元素(CPF.Shapes提供基础图形控件)组合和SVG组合就可以实现. 如果需要自定义控件绘制特殊的控件,可以继承Control或者UIElement重写OnRender方法来绘制自己需要的效果.调用 Invali…

CPF netcore跨平台桌面UI框架 系列教程 CPF 入门教程(一) CPF 入门教程 - 数据绑定和命令绑定(二) CPF 入门教程 - 样式和动画(三) CPF 入门教程 - 绘图(四) CPF 入门教程 - 设计器和模板库的使用(五) CPF 入门教程 - 控件布局(六) 布局流程和WPF差不多,先Measure再Arrange,如果自定义布局容器,可以参考WPF的代码 元素布局,支持百分比布局,margin调整定位,默认居中.相当于CSS里中的绝对定义position: absol…

CPF netcore跨平台UI框架 系列教程 CPF 入门教程(一) CPF 入门教程 - 数据绑定和命令绑定(二) CPF 入门教程 - 样式和动画(三) CPF 入门教程 - 绘图(四) CPF 入门教程 - 设计器和模板库的使用(五) CPF 入门教程 - 控件布局(六) 注意:免费模式里无法使用这些功能. 先打开一个CPF设计视图,右键可以看到模板库选项. 其中模板库里有控件组和控件模板两种类型. 控件组:由Panel包裹的一组控件,并且Panel的IsGroup属性为true.这个时…

CPF C#跨平台桌面UI框架 系列教程 CPF 入门教程(一) CPF 入门教程 - 数据绑定和命令绑定(二) CPF 入门教程 - 样式和动画(三) CPF 入门教程 - 绘图(四) CPF 入门教程 - 设计器和模板库的使用(五) CPF 入门教程 - 控件布局(六) CPF 入门教程 - 属性和事件(七) 依赖属性 CpfObject相当于WPF里的DependencyObject依赖对象.继承该类的对象,所有属性默认都是依赖属性 依赖属性有什么用?支持属性变化通知,数据绑定,触发器,动…

CPF C#跨平台桌面UI框架 系列教程 CPF 入门教程(一) CPF 入门教程 - 数据绑定和命令绑定(二) CPF 入门教程 - 样式和动画(三) CPF 入门教程 - 绘图(四) CPF 入门教程 - 设计器和模板库的使用(五) CPF 入门教程 - 控件布局(六) CPF 入门教程 - 属性和事件(七) CPF 入门教程 - 各个控件介绍(八) 大部分控件和WPF对应的,用法大部分可以参考WPF 注意线程安全问题,大部分控件的依赖属性是可以支持线程访问的,但是如果是集合类型的,对集合添…

CPF C#跨平台桌面UI框架,支持Windows,Mac,Linux,支持龙芯.飞腾等CPU 系列教程 CPF 入门教程(一) CPF 入门教程 - 数据绑定和命令绑定(二) CPF 入门教程 - 样式和动画(三) CPF 入门教程 - 绘图(四) CPF 入门教程 - 设计器和模板库的使用(五) CPF 入门教程 - 控件布局(六) CPF 入门教程 - 属性和事件(七) CPF 入门教程 - 各个控件介绍(八) CPF 入门教程 - 各平台各系统发布说明(九) 一般建议根据发布平台的注释掉…

CPF netcore跨平台UI框架 开发之前,你需要先安装VS2019.为什么要vs2019?因为VS2019才能支持netcore3.0以上,netcore3.0之后才能发布独立的程序,之前的都只能是控制台. 安装好vs2019之后,到cpf官网下载(http://cpf.cskin.net/)cpf的案例源码包和开发者工具.先打开开发者工具压缩包,安装VS插件. 插件安装好之后,把开发者工具包里的开发者工具文件解压到你的程序安装目录. 打开vs,第一次打开,会提示配置开发者工具的路径,找到…

十一.安装sass文件转换为css需要的相关依赖包 npm install --save-dev sass-loader style-loader css-loader loader的作用是辅助webpack将符合条件的源文件转换为对应的目标格式文件.比如index.scss转换成index.css 安装成功后,package.json文件变化如下: 接着,安装extract-text-webpack-plugin,让webpack可以输出css格式的文件 npm install --save-…