利用优秀的.NET界面控件,打造新潮的界面效果

一直以来,做.NET共享小软件的界面一般采用IrisSkin这个比较不错的皮肤控件来美化界面效果,方便易用,界面效果也还可以。如下面我做的QQ搜通天的界面效果如下:http://www.iqidi.com/Download/qqcollector1.png (不贴图了,省得说广告嫌疑)。该控件开发应用比较方便,拖动控件到主界面,然后初始化地方添加一下代码即可:

            string skinFile = ConfigurationManager.AppSettings["SkinFile"];
            this.skinEngine1.SkinFile = Path.Combine(Application.StartupPath, skinFile);

主界面初始化中添加以上其他地方代码后,所有该程序的相关窗口都被美化成统一风格。

时代变迁,技术进化,界面效果变化无穷,现在最流行的界面应该是Windows2007风格,Ribbon风格的界面效果了,国外很多大型的.NET控件商,亦步亦趋,紧跟潮流,也推出不同版本的界面控件,支持这种新潮的界面效果。

我这里主要介绍一下DotNetBar这个控件,这个控件使用也非常简便,更加重要的是,这个控件提供各种各样的界面控件,支持整体的Ribbon以及更多更复杂的界面效果。我们从该控件的官网效果中可以窥见一斑(http://www.devcomponents.com/dotnetbar/screenshots.aspx),其中的效果非常酷,和Office2007的效果几乎没有什么差异。 

本人闲暇之余用该控件做了一些界面测试效果,如下所示,这个应该是我下个版本QQ搜通天的界面效果了,呵呵:

 

 软件包含几部分内容,为了练手,我做了一个布局相对比较饱满的程序,我通过这个小程序:短信发送程序,来介绍一下界面各部分的内容,以便使我们创建布局更加合理,更加美观方便的节目效果。

 

下面介绍的几点内容,是基于上面图形效果的编号来逐一分解,介绍各部分框架的意图以及效果:
1、Office2007中,这部分是一个综合的菜单界面,我上面的小程序,只是保留按钮,没有设置菜单,类似页面主页连接的功能,可以快速返回到主界面中。

2、Office界面样式下拉选择框,可以选择不同的界面效果,在这里还可以放置一些快速的按钮,如Office2007的保存、新建、撤销等功能。

3、 Ribbon样式可折叠的TabItem控件,集中放置一些功能相对类似的按钮或者其他界面元素,这里我放置了一些功能按钮,附上一些图片,就显得比较好看了。

4、 是技术支持网站的连接地址,也可以放一些帮助快速入口按钮。

5、 5、 6 模块就是主界面显示的区域了,这里因为功能界面不多,为了方便操作我使用了一个TabControl控件,把窗体内容控件一股脑的放到一起,这样方便用户的切换。

6、 6其实是主体内容控件的,我在设计的时候,把每一部分内容都设计为一个用户控件,这样可以利用TableControl控件,动态统一把需要的用户控件加载到界面中来。 

7、 用来显示公司的Logon、操作提示信息、日期时间、登录用户等相关信息的状态栏。

通过以上7个模块,我们把软件的界面分解出来,各司其职,这样布局相对比较稳定,容纳的东西可以比较多,应该来说,还是一个不错的界面效果布局,这些有赖于DotNetbar控件来帮助我们设计出专业、符合现代潮流的界面效果。

其实在很多情况下,我们也可能采用基于单文档这种方式的展示效果, 这样用户看到的东西不至于混乱,注意力相对集中,这样的效果设计,在一些功能模块和其他部分相对没有太多直接关系的时候,就可以采用,如下面我们改变一下展示效果。

 

 上面的两种图形可以通过界面元素的组装,来实现不同的效果布局显示,这样可以达到比较好的显示效果。下面贴出一些功能代码,以飨读者:

1、 改变界面样式的代码:

        private void ChangeStyle(object sender, EventArgs e)
        {
            string style = cbStyleManager.Text;
            if ("Office2007Blue".Equals(style))
            {
                styleManager.ManagerStyle = eStyle.Office2007Blue;
            }
            else if ("Office2007Silver".Equals(style))
            {
                styleManager.ManagerStyle = eStyle.Office2007Silver;
            }
            else if ("Office2007Black".Equals(style))
            {
                styleManager.ManagerStyle = eStyle.Office2007Black;
            }
            else if ("Office2007VistaGlass".Equals(style))
            {
                styleManager.ManagerStyle = eStyle.Office2007VistaGlass;
            }
            else if ("Office2010Silver".Equals(style))
            {
                styleManager.ManagerStyle = eStyle.Office2010Silver;
            }
            else if ("Windows7Blue".Equals(style))
            {
                styleManager.ManagerStyle = eStyle.Windows7Blue;
            }

            config.AppConfigSet("UIStyle", style);
        }

2、 把用户控件附加到界面上的代码:

        public void SetDetailPanel(UserControl uc)
        {
            if (uc == null)
            {
                throw new ArgumentNullException("uc", @"用户控件uc不能为空");
            }

            uc.Dock = DockStyle.Fill;
            ribbonDetailPanel.Controls.Clear();
            ribbonDetailPanel.Controls.Add(uc);
        }

            var tabMessage = new CtrlMessageTab();
            SetDetailPanel(tabMessage);

 3、 使用TabControl控件,我们可以在代码中动态组装需要的窗体控件,如下所示:

            ctrlMessage = new CtrlMainContent();
            ctrlMessage.Dock = DockStyle.Fill;
            this.panelMessage.Controls.Add(ctrlMessage);

            var ctrlTemplate = new CtrlDictionary();
            ctrlTemplate.Dock = DockStyle.Fill;
            ctrlTemplate.SetText = new SetTextDelegate(SetMessage);
            this.panelTemplate.Controls.Add(ctrlTemplate);

            var ctrlLocal = new CtrlLocalHistroy();
            ctrlLocal.Dock = DockStyle.Fill;
            this.panelLocal.Controls.Add(ctrlLocal);

            var ctrlAll = new CtrlAllHistory();
            ctrlAll.Dock = DockStyle.Fill;
            this.panelAllHistory.Controls.Add(ctrlAll);

 本文转自博客园伍华聪的博客,原文链接:利用优秀的.NET界面控件,打造新潮的界面效果,如需转载请自行联系原博主。

 

时间: 2024-07-30 22:46:59

利用优秀的.NET界面控件,打造新潮的界面效果的相关文章

一起谈.NET技术,用优秀.NET界面控件 打造新潮界面效果

一直以来,做.NET共享小软件的界面一般采用IrisSkin这个比较不错的皮肤控件来美化界面效果,方便易用,界面效果也还可以.该控件开发应用比较方便,拖动控件到主界面,然后初始化地方添加一下代码即可: string skinFile = ConfigurationManager.AppSettings["SkinFile"];this.skinEngine1.SkinFile = Path.Combine(Application.StartupPath, skinFile); 主界面初

用优秀.NET界面控件 打造新潮界面效果

一直以来,做.NET共享小软件的界面一般采用IrisSkin这个比较不错的皮肤控件来美化界面效果,方便易用,界面效果也还可以.该控件开发应用比较方便,拖动控件到主界面,然后初始化地方添加一下代码即可: string skinFile = ConfigurationManager.AppSettings["SkinFile"]; this.skinEngine1.SkinFile = Path.Combine(Application.StartupPath, skinFile); 主界面

用优秀.NET界面控“.NET研究”件 打造新潮界面效果

一直以来,做.NET共享小软件的界面一般采用IrisSkin这个比较不错的皮肤控件来美化界面效果,方便易用,界面效果也还可以.该控件开发应用比较方便,拖动控件到主界面,然后初始化地方添加一下代码即可: string skinFile = ConfigurationManager.AppSettings["SkinFile"];this.skinEngine1.SkinFile = Path.Combine(Application.StartupPath, skinFile); 主界面初

聊天主题:如何用C#定制个性化的界面控件

控件 聊天主题:如何用C#定制个性化的界面控件 主持人和专家介绍主持人:Guest_jswang_MS 微软专家: 韩定一(Guest_Danny_MS),赵彦(Guest_Francs_MS) Host Guest_jswang_MS says: 欢迎大家参加微软在线技术聊天. Host Guest_jswang_MS says: 本次聊天的主题是如何用C#定制个性化的界面控件 Host Guest_jswang_MS says: 首先,让我们欢迎来自微软全球技术中心工程师赵彦,韩定一 Hos

基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用_javascript技巧

在前面介绍了两篇关于我的基于MVC4+EasyUI技术的Web开发框架的随笔,本篇继续介绍其中界面部分的一些使用知识,包括控件的赋值.取值.清空,以及相关的使用. 我们知道,一般Web界面包括的界面控件有:单行文本框.多行文本框.密码文本框.下拉列表Combobox.日期输入控件.数值输入控件.单项选择.复选框.表格控件DataGrid.树形控件.布局控件.弹出式对话框.提示信息.列表控件等,这些界面控件的操作都有哪些不同,下面我们来逐一进行介绍.   1.单行文本框 使用easyui的控件,单

基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用

在前面介绍了两篇关于我的基于MVC4+EasyUI技术的Web开发框架的随笔,本篇继续介绍其中界面部分的一些使用知识,包括控件的赋值.取值.清空,以及相关的使用. 我们知道,一般Web界面包括的界面控件有:单行文本框.多行文本框.密码文本框.下拉列表Combobox.日期输入控件.数值输入控件.单项选择.复选框.表格控件DataGrid.树形控件.布局控件.弹出式对话框.提示信息.列表控件等,这些界面控件的操作都有哪些不同,下面我们来逐一进行介绍. 1.单行文本框 使用easyui的控件,单行文

timer-为什么在Forms.Timer的事件处理程序里,界面控件依然是不可访问的?

问题描述 为什么在Forms.Timer的事件处理程序里,界面控件依然是不可访问的? 为什么在System.Windows.Forms.Timer的事件处理程序里,界面控件依然是不可访问的? 为什么在System.Windows.Forms.Timer的事件处理程序里,界面控件依然是不可访问的? 为什么在System.Windows.Forms.Timer的事件处理程序里,界面控件依然是不可访问的? 解决方案 自己结贴了.是VS软件的问题,重启下居然好了,抓狂了大半天. 解决方案二: 是跨线程调

WinForm 清空界面控件值的小技巧

在WinForm里面有时候需要清空自己输入内容或是选择的选项,以便重新操作流程,那么一般你是怎么清空界面各个控件值的呢?如果窗体里面控件, 尤其是TextBox控件比较多的时候,代码里面是不是要设置每个控件的Text属性值为空呢?下面我用这个例子,来探讨下清空界面控件值的小技巧.而且 还能复用.不必每个窗体都做这些枯燥.无聊的工作. 一般的做法是在清除控件的事件里面添加下面这样的代码: 代码Code highlighting produced by Actipro CodeHighlighter

移动开发-在移动界面控件Essential Studio for mobile MVC中如何创建Razor应用程序平台

问题描述 在移动界面控件Essential Studio for mobile MVC中如何创建Razor应用程序平台 在移动界面控件Essential Studio for mobile MVC中如何创建Razor应用程序平台····?