DotNetBar控件的多文档界面的实现

转载 2016年08月29日 17:08:23

DotNetBar是一个不错的DotNET控件套装,原来是一个DLL文件,能够做出很漂亮的界面效果,记得在8.0以前的版本,好像实现多文档界面稍显得麻烦一些,我的Winform框架、WCF框架虽然也提供了这样多文档的界面,不过都是曲线救国的方式实现。随着DotNetBar控件的逐步完善,版本一路飙升,文件也开始学DevExpress那样,使用多个文件进行拆分了。目前11.0版本以上,都有一个SuperTabControl的控件,实现多文档的界面已经很方便了。本文介绍利用SuperTabControl控件实现一个多文档界面的效果,供大家参考学习。

1、多文档界面的设计

下面是框架的一个基于DotNetBar控件的界面设计效果,按照Ribbon样式的方式进行组织,并把多文档界面放在中间,这样界面效果更加美观合理。

另外为了使得在Tab页面上可以关闭窗口,可以增加一个右键菜单,如下所示。

设置控件的相关属性,使得他的关闭按钮一直存在,并关联它的右键菜单即可,如下所示。

这个SuperTabControl,支持好几种Tab样式的,有些看起来非常不错,在其中选择自己喜欢的样式即可。

 

2、多文档界面的代码实现

在主界面中的Form_Load事件中,我们清空并初始化默认的Tab页面即可,如下所示。

复制代码
        private void MainForm_Load(object sender, EventArgs e)
        {
            Init();

            //清空默认的Tab
            NavTabControl.Tabs.Clear();
            tool_ItemDetail_Click(null, null);
        }
复制代码
        private void tool_ItemDetail_Click(object sender, EventArgs e)
        {
            SetMdiForm("备件信息", typeof(FrmItemDetail));
        }

从上面的代码,我们看到核心的界面排版就是SetMdiForm函数了,下面我们来看看这个函数的具体实现。这个函数目的就是创建或者显示一个多文档界面页面。

复制代码
        /// <summary>
        /// 创建或者显示一个多文档界面页面
        /// </summary>
        /// <param name="caption">窗体标题</param>
        /// <param name="formType">窗体类型</param>
        public void SetMdiForm(string caption, Type formType)
        {
            bool IsOpened = false;

            //遍历现有的Tab页面,如果存在,那么设置为选中即可
            foreach (SuperTabItem tabitem in NavTabControl.Tabs)
            {
                if (tabitem.Name == caption)
                {
                    NavTabControl.SelectedTab = tabitem;
                    IsOpened = true;
                    break;
                }
            }

            //如果在现有Tab页面中没有找到,那么就要初始化了Tab页面了
            if (!IsOpened)
            {
                //为了方便管理,调用LoadMdiForm函数来创建一个新的窗体,并作为MDI的子窗体
                //然后分配给SuperTab控件,创建一个SuperTabItem并显示
                DevComponents.DotNetBar.Office2007Form form = ChildWinManagement.LoadMdiForm(Portal.gc.MainDialog, formType)
                    as DevComponents.DotNetBar.Office2007Form;

                SuperTabItem tabItem = NavTabControl.CreateTab(caption);
                tabItem.Name = caption;
                tabItem.Text = caption;

                form.FormBorderStyle = FormBorderStyle.None;
                form.TopLevel = false;
                form.Visible = true;
                form.Dock = DockStyle.Fill;
                //tabItem.Icon = form.Icon;
                tabItem.AttachedControl.Controls.Add(form);

                NavTabControl.SelectedTab = tabItem;
            }
        }
复制代码

上面提到了右键菜单的操作,关闭其他或者关闭全部Tab页面的功能,这个实现如下所示。

复制代码
        private void ctx_Window_CloseAll_Click(object sender, EventArgs e)
        {
            CloseAllDocuments();
        }

        private void ctx_Window_CloseOther_Click(object sender, EventArgs e)
        {
            CloseOthers();
        }
复制代码
复制代码
       public void CloseAllDocuments()
        {
            for (int i = NavTabControl.Tabs.Count - 1; i >= 0; i--)
            {
                SuperTabItem tabitem = NavTabControl.Tabs[i] as SuperTabItem;
                if (tabitem != null)
                {
                    tabitem.Close();
                }
            }
        }

        public void CloseOthers()
        {
            if (ActiveMdiChild != null)
            {
                Type formType = ActiveMdiChild.GetType();
                for (int i = NavTabControl.Tabs.Count - 1; i >= 0; i--)
                {
                    SuperTabItem tabitem = NavTabControl.Tabs[i] as SuperTabItem;
                    if (tabitem != null && formType != tabitem.AttachedControl.Controls[0].GetType())
                    {
                        tabitem.Close();
                    }
                }
            }
        }
复制代码

最终界面效果如下所示。

另一个权限管理系统界面的多文档界面调整如下所示。

这样引入了Supertab控件,整体的多文档Tab界面实现起来就更加方便和美观了。

React Native入门——布局实践:开发京东客户端首页(二)TabBar的构建

本文主要对京东客户端TabBar的样式进行了分析,并对React Native中tabnavigator控件进行了说明,并一步一步讲将TabBar的构建步骤呈现出来,让我们一起来开发自己的TabBar...

利用IIS7实现网站反向代理功能

最近公司网站备案,遇到一个难题:公司域名注册地为北京,但是实际上为了运营维护方便,主机已经移到重庆IDC机房,问题来了,年度审查备案要核实站点ip信息,但是现在网站ip是重庆这边的ip,如果要备案通过...

DotNetBar控件的多文档界面的实现

DotNetBar是一个不错的DotNET控件套装,原来是一个DLL文件,能够做出很漂亮的界面效果,记得在8.0以前的版本,好像实现多文档界面稍显得麻烦一些,我的Winform框架、WCF框架虽然也提...

Winform分页控件实现普通版、DotNetBar、DevExpress三大版本整合

在Winform开发中,一直离不开分页处理,好的分页控件封装,能为开发节省很多时间和繁琐工作,对分页控件一直的改进和完善,也是我的兴趣之一。本次主要实现对分页控件的全面重构,优化功能及界面的处理,并统...
  • llftc
  • llftc
  • 2011年11月23日 16:36
  • 10001

DotNetBar的SuperTooltip控件使用技巧

正好在用这个UI库,感觉这个对自己写的程序帮助很大,收藏起来,留作后用                    DotNetBar是一个顶尖的.net第三方表示层空间。作出来的窗口可以说是非常非常...

DotNetBar第三方控件详解

DotNetBar是一款性价比很强的界面控件,带有56个Windows Form 控件的工具箱,使开发人员可以轻而易举地创建出专业美观的Windows Form应用程序用户界面,控件全部采用C...

利用DotNetBar控件打造漂亮的皮肤系统

使用的方法:1添加ribbonContro控件。2 添加引用和环境变量。3 右键添加button控件并设计IteamAlignment属性为 far 。3添加三个方法用于当鼠标移入颜色容器时将鼠标当前...

dotnetbar winform 美化控件

官方资料: http://www.devcomponents.com/dotnetbar/ DotNetBar = Professional Applications Dot...
  • wyqlxy
  • wyqlxy
  • 2012年09月21日 10:38
  • 7987

基于SharpMap和DotNetBar的地图导航(地图缩放滑块)控件开发实践

因工作需要,最近想开发一个网络地图下载器,在编码的过程中想到以前谷歌、百度和现在的天地图、ArcGIS里面有一个地图导航控件,就尝试着自己做了一个。其实原理也简单,上下两个按钮,中间一个可上下移动的按...
  • ewyetc
  • ewyetc
  • 2016年06月24日 00:36
  • 1547
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DotNetBar控件的多文档界面的实现
举报原因:
原因补充:

(最多只允许输入30个字)