TabControl增强版

2022/4/26 6:14:27

本文主要是介绍TabControl增强版,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

效果图:

NET提供TabControl控件的选项卡太丑陋,功能也太少了,虽然它允许你重写它的选项卡绘制方法来进行美化,但是它是使用默认win32 api 去创建和管理选项卡的,能修改的范围有限。因此我重新用c#开发开发该控件,选项卡部分逻辑完全由c#语言来管理,这也是这个控件的重点。

微软那群“邵波”说开源.NET,我发现他没有百分百开源,至少在ndp开源项目找不到System.Design的开源代码。我通过查看 “ndp开源项目” 和反编译 “控件设计器项目” 参考他的设计来重新编写了增强版的TabControl控件。这个控件有两个程序集 :

WinformControlLibraryExtension.ComplexityPropertys

WinformControlLibraryExtension

要使用 TabControlUpGradesExt 控件 ,你必须要手动添加“WinformControlLibraryExtension”到你的VS的工具箱。至于你的项目可以不用手动添加这个程序集,因为拖放 TabControlUpGradesExt 控件到你的窗体时会自动把WinformControlLibraryExtension 添加到你项目引用里。这个程序集可以用“项目方式”或“DLL”方式 引用到你的项目,如果添加后页面报错你要手动添加“WinformControlLibraryExtension.ComplexityPropertys” DLL到你项目引用里,因为这个程序集没有自动帮你添加到你的项目里。注意“WinformControlLibraryExtension.ComplexityPropertys” 这个项目只能通过编辑后“DLL”方式添加到你的项目里面。这是因为在这个程序集里面有 BackGauge.cs 、RoundedCorner.cs 两个复杂属性机构体定义,因为如果是以“项目方式”添加“WinformControlLibraryExtension.ComplexityPropertys” 到你的项目,当你在VS设计器编辑好窗体保存时会报错,提示你自定义复杂属性无法序列化导致保存不了,最后窗体Designer.cs有代码丢失损坏。这是很严重的事。这个问题我看过国外论坛也有人遇过,因为在“项目方式”下引用,编译时产生了两个版本的WinformControlLibraryExtension.ComplexityPropertys 导致VS识别出错,他们问过“邵波”团队,承认是VS的bug来的,邵波说在之前某个版本已经修复了,但是我在vs2019还是出现这种情况。难道他们说修复后也只能通过DLL方式应用。

TabControlUpGradesExt 控件和我以往写的控件有些区别,这些区别主要是“控件由父子两种控件组成”、“子控件的集合属性也和以往的简单类控件里的集合属性写法有区别”、“按照VS试图设计器提供的基类为父子控件编写对应的设计器”。 TabControlUpGradesExt 主体控件是基于 Control 控件基础类开发的。 TabPageUpGradesExt 子控件是继承 Panel 控件基础类开发的。

设计图:

该控件增加的功能包括以下

1.菜单栏可以添加全局自定义按钮。

2.选项卡的布局方式有3种:横向布局、纵向布局,垂直布局。

3.每个选项可以添加:自定义图标、关闭按钮、自定义按钮。

4.选项的文本显示方式有3种:横向显示、纵向显示,垂直显示。

5.每个选项可以独立设置间距。

6.选项预留绘制事件让开发者可以根据自身情况进一步美化控件。

7.根据系统的缩放比例自动缩放控件防止失真。

 该控件文件包括以下

ControlCommom.cs (控件通用工具类)
WindowNavigate.cs (win 32 api 方法封装)
DotsPerInchHelper.cs (系统缩放比例帮助类)

CollectionEditorExt.cs (让设计器拥有编辑"集合属性"编辑功能)
ColorEditorExt.cs(让设计器拥有编辑"透明颜色属性"功能)
EmptyConverter.cs (让设计器拥有编辑"对象颜色属性"功能)
TabControlUpGradesExtDesigner.cs (让设计器拥有编辑“TabControlUpGradesExt”控件)
TabPageUpGradesExtDesigner.cs(让设计器拥有编辑“TabPageUpGradesExt”控件)

BackGauge.cs (自定义左右边距复杂属性)
BackGaugeConverter.cs (让设计器拥有编辑“自定义左右边距复杂属性”功能)
RoundedCorner.cs (自定义圆角复杂属性)
RoundedCornerConverter.cs(让设计器拥有编辑“自定义圆角复杂属性”功能)

TabControlUpGradesExt.cs (控件中父控件)
TabPageUpGradesExt.cs(控件中子控件)

 控件最复杂的地方就是每个部件Rectangle 的计算。控件选项卡逻辑原理大致如下:

1.UpdateEveryOneTabItemSize() (每一个选项及内部部件的Size)
2.UpdateMenuBarRectangle() (更新菜单区Rectangle、更新全局自定义按钮区域及部件Rectangle、更新导航栏区域及部件Rectangle和显示状态、更新TabItems的总显示区域)
3.UpdateEveryOneTabItemRectangle()  (更新每个选项及内部部件Rectangle)
4.ReplenishTabItemToRectangleForLeft()  (自动根据TabItems的总显示区判断是否把左边已隐藏的选项添加到显示区)
5.ReplenishSelectTabItemToRectangle()  (自动把已选中选项显示在TabItems的总显示区中)
6.UpdateEveryOneTabItemDisplayStatus()  (更新每一个选项当前的显示状态)
7.UpdateTabMainDisplayRectangleByTabItemsDisplayRectangle()  (根据菜单Rectangle更新TabPage主体区域Rectangle)

控件初始化:1、2、3、4、5、6、7
控件ReSize:2、3、4、5、6、7
导航栏按钮:3、6
选项选中更改事件:5、6

 

           

TabControlUpGradesExt控件新增的属性                     TabControlUpGradesExt控件新增事件                    TabPageUpGradesExt控件新增的属性 

 

 控件菜单布局效果:

利用 MenuBarAlignment 、 TabItemVerticalLayout 、 TabItemTextVerticalLayout 属性可以进行以下布局:

 

 控件选项自定义绘制效果:

通过 MenuBarDrawBackgroundTabItemDraw 绘制事件可以让选项卡绘制出自定义风格。在绘制时要注意事件参数Graphics 属性Set访问器是公开的,这就意味你对Graphics的属性修改后要把它还原成原来值,不然他会影响控件的其他绘制。还有在计算要绘制范围时计算也要乘以系统当前的缩放比例 e.DPIScale.XScale ,不然你绘制出来的东西尺寸是不对的。

控件选项小部件效果:

选项的小部件包括:

1.图标:可以统一设置显示状态,也可以独立设置选项的图标是否显示。

2.自定义按钮:可以为每个选项添加不同数量的独立按钮,按钮分为“Button”、“CheckButton”两种。

3.关闭按钮:可以统一设置显示状态,也可以独立设置选项的关闭按钮是否显示。还可以统一设置关闭按钮所在的位置。

 

 



这篇关于TabControl增强版的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程