CPF C#跨平台桌面UI框架 系列教程 CPF 入门教程(一) CPF 入门教程 - 数据绑定和命令绑定(二) CPF 入门教程 - 样式和动画(三) CPF 入门教程 - 绘图(四) CPF 入门教程 - 设计器和模板库的使用(五) CPF 入门教程 - 控件布局(六) CPF 入门教程 - 属性和事件(七) CPF 入门教程 - 各个控件介绍(八) 大部分控件和WPF对应的,用法大部分可以参考WPF 注意线程安全问题,大部分控件的依赖属性是可以支持线程访问的,但是如果是集合类型的,对集合添…
  首先将本节要介绍的控件全部拖到界面上,并调整好位置,如图:           然后将Name属性改成其他名字,          不能是[控件名+UI+数字]这种,因为这是DuiDesigner默认的名字,它不会实际写入到XML,所以如果控件的名字被取成ActiveXUI1.ActiveXUI2.ButtonUI1这种格式的话,Name属性会被忽略,可以看到XML是没有Name属性的:     所以我们必须给它们指定其他的名字,这里格式统一为[控件名+Demo+数字],如图:      …
    前面的教程应该让大家对duilib的整体有所映像了,下面就来介绍下duilib具体控件的使用.     由于官方没有提供默认的控件样式,所以我就尽量使用win7或者XP自带的按钮样式了,虽然界面比较土鳖,但是想要换成百度杀毒那样的界面,只需要更换图片即可,如果有哪位小伙伴能够提供一些控件样式,那就再好不过啦~     首先利用一下前面教程的框架,效果图如下:   main.cpp的代码如下: class CDuiFrameWnd : public WindowImplBase { pub…
按钮是我们最常用的控件之一了,先看下我们提供的按钮风格: 不同颜色的: 实现代码: @Html.Q().Button().Text("Danger").ColorDanger() @Html.Q().Button().Text("Default").ColorDefault() @Html.Q().Button().Text("Normal").ColorNormal() @Html.Q().Button().Text("Warm&qu…
折叠面板一般出现在管理后台,大家用的OutLook里就是用了折叠面板,样子大概是这样的: 把其中的内容替换成图标按钮,是不是就是我们常见的样子了?:)那么如何实现呢?请看例子: @{ var data = new List<CollapsibleItem>() { new CollapsibleItem() {Title = "标题一", Text = "内容一"}, new CollapsibleItem() {Title = "标题二&qu…
进度条的发明是很牛逼的,就如12306采用了队列解决了系统崩溃的问题一样..:) 进度条大家都见过,那么我们先来实现一个简单的进度条,请看例子: @Html.Q().Progress().Value(50) 效果如下: 怎么样,还是很简单吧:) 那么可不可以炫些呢?其实是可以的,请看下例: 代码如下: @Html.Q().Progress().Value(50).ColorWarm() @Html.Q().Progress().Value(50).ColorDanger() @Html.Q().…
提醒导航顾名思义就是提醒大家注意某些文字了..请看下面的例子: 实现代码如下: @Html.Q().BlockRemind().Text("我可以作为提醒使用") 有的同学会说:这么简单的功能,我可以直接div+css就可以实现了嘛:)为什么还要用这个控件呢? 原因是..这个的确不太好回答,但简单回答如下: 个人认为EasyMvc的初衷是模块化,快速简单化的,那意味着开发系统的时候,只要大脑里闪过我需要重点突出,就能直接想到我需要EasyMvc的提醒模块,而不是想到我需要div,css…
栏目导航一般用来显示当前页面所在的模块层级位置关系,如下图所示: 当然也有前端网站作为小栏目导航,凡是没有绝对,只要不违和就好:),下面上代码: @{ var data = new List<NavigatorItem>() { new NavigatorItem(){Text = "管理中心"}, new NavigatorItem(){Text = "文章管理"}, new NavigatorItem(){Text = "文章编辑"…
选项卡Tab导航主要用于企业页面显示不同子类或者子页面的信息内容. 先来一个基本的使用例子:代码如下: @{ var data = new List<TabItem>() { new TabItem() {Title = "我是Tab 1", Text = "我是Tab 1的内容"}, new TabItem() {Title = "控件说明", Text = "控件的Text一般可以简单嵌入html"} }; }…
本章将介绍一些基本但常用的图形:线型图,柱状图和饼形图. 以上三种图形对于的数据都是键值对数组,请参考第一个例子: @{ var data = new List<LineItem>(); var rd = new Random(); data.Add(new LineItem() { Name = "第一节车厢人数", Value = rd.Next(50) }); data.Add(new LineItem() { Name = "第二节车厢人数",…