这里都是我自从去年开始用dotnetbar这个vs上的美化控件之后的一些使用心得和使用技巧,我现在几乎每次用到这个控件的时候,都会按照下面的技巧,来安排我的这些控件的排列方式啊,style等等,希望给各位一些抛砖引玉的作用,也欢迎大家写出自己的小技巧,让我们的winform程序更加漂亮~~
几个修改的地方 1、RIBBONTITLE,一开始要留空,后来用代码修改 2、把左上角的圆点的功能删除掉 3、左上角要写成:系统状态:联通中 4、 下来要解决一个问题,就是关于DATAGRID,的TITLE,都要让所有的名称都排下,不要换行
使用RIBBONCONTROL要注意的几个问题: 1、首先将form的text设置为空 2、然后将form的controlbox设置为false 3、然后将form的formborderstyle设置为Sizable 4、最后一步,在ribboncontrol的标题栏写窗口标题,注意不是text而是RibbonControl1.TitleText = “非煤矿山应急救援指挥系统 – 基本情况数据库” 5、如果你喜欢,我习惯将FORM的STARTPOSITION设置为CENTERSCREEN
使用BAR作为STATESBAR的几个小技巧 1、这个BAR是DOTNETBAR系列里的BAR,而不是其他的:》 2、要将STYLE设置为OFFICE2007 3、将ROUNDCORDERS设置为FALSE会好看一点,我试了试,圆角的怎么看都不舒服 4、将BARTYPE设置为STATUSBAR
使用GROUPPANEL的小技巧: 1、把BACKCOLOR设置为透明 2、将style中的textlinealignment 设置为center(ps:之前是near实在有点难看,太贴近上部了) 3、内部的label一般使用vs自带的标准label即可,不需要使用ribbon的labelx,我觉得肯定会涉及到painting的问题导致性能下降,而且我觉得
使用PANELEX 1、一般要设置padding为1,1,1,1否则,当内部空间维DOCK FILL的时候,会把PANEL的边框挡住,效果不好看 2、如果PANELEX就在RIBBONCONTROL的里面,一般设置LOCATION为3,0,同时在右侧拖动的时候,拖动到一个恰好位置之后,再把SIZE的宽度加4,这样效果很好
对TABLE类窗口的修改 1、去掉原点下的菜单 2、去掉系统:联通中,右侧的那个QUICKITEM 3、将DATAGRIDVIEWX的LOCATION调整到3,3,同时,将宽度向右增加2 4、将每一个PANELX的TEXT都留空
美化DATAGRIDVIEWX的几点 1、修改ALTERNATINGROWSDEFAULTCELLSTYLE的BACKCOLOR 2、修改COLUMNHEADERSHEIGHT
建立RIBBONCONTROL的几点小细节 1、建立一个FORM,将form的text设置为空,将controlbox设置为false,将startposition设置为centerscreen; 2、拖过来一个RIBBONCONTROL,加工一下RIBOONCOTROL,比如是去掉原点下的选项,去掉QUICKITEM等等,然后拖放位置,这时候我一般有两个处理ribboncontrol的方式,一种是利用ribboncontrol作为整个form,那么就将ANCHOR设置为UP DOWN LEFT RIGHT四个侧面;另外一种是利用ribboncontrol左右一个顶部的导航栏,那样的话,就不需要设置anchor了,去掉多余的ribbontabitem2和ribbontamitem1上多余的ribbonbar1,ribbontabitem1字样不用去掉,可以在程序里统一设置它和titletext的内容 3、托一个BAR过来,几点设置,DOCK为BOTTOM,ROUNDCORNER为FALSE,BARTYPE为STATUSBAR,然后再把ribboncontrol的下边缘向下拖,放在ribbonbar旁边 4、如果在这里放一个PANELX的时候,有两种情况
1)只有一个PANELX,情况简单一点,直接DOCK为FILL就好(发现这样不行,PANEL不会随着RIBBONPANEL的变大而同样变大,所以这个方法OVER了) 解决方法:如果是这样,现在找到了一个方法,把PANELX放在LOCATION=3,0,然后在ribboncontrol的sizechanged方法中 用这两句变化: Me.PanelEx1.Height = Me.RibbonControl1.Height – 60 Me.PanelEx1.Width = Me.RibbonControl1.Width – 6 效果比较完美。
2)如果是左右两个PANELX,情况稍微复杂一点,不过也要注意调整anchor即可 注意:这里有一个问题,就是如果RIBBONCONTROL是用ANCHOR来对齐下侧位置的话,那么就不能一上来让FORM最大化,那样的话,ANCHOR为BOTTOM的时候,下侧无法对齐 2009年7月6日 1.ANCHOR是不可靠的,所以窗体SIZECHANGED之后,要用WIDTH和HEIGHT来限制控件的宽度和高度,做到美观统一! 2.RIBBONCONTROL DOCK设置为NONE,然后ANCHOR设置为上下左右(或者设置DOCK为TOP,设置好ANCHOR的BOTTOM,不过后来证明,这种方法不行) 3.小技巧,在任何一个控件上,右键里,都可以快速选择包含本身的上一级控件
PS:这里顺便写一下c1chart的使用技巧 1、backcolor设置为透明 2、一般会把这个放在一个panel里,dock为fill,而panel的dock也为fill,这点有点绕,不过为了美观
////
我这里讨论的版本是DotNetBar 6.7.0.1 for VS2005的破解版本,其他版本我一个是没有时间找到,另外也是因为大同小异
下载地址,见这里,如果还有哪个朋友下载不了,就加我QQ吧,如果你能提供一个群,我会写在这里,然后利用群空间来整理控件,方便你我
下载地址是www./soft/show.asp?id=2879&showasp=1&details.html
在VS2005中的添加方法与IRISSKIN2类似,不过我这里再说一次:
先把控件拷到你的程序BIN/Debug下,再到程序里,先引用,然后再工具栏新个一个选项,然后右键选择“选择项”菜单,在这个对话框里点浏览,里把这个DLL重新添加进来,这样,就可以把控件加到先项框里,接下来就是把控件拖到界面上,在代码里加上上面的说明的代码,就可以使用了。有好几十个空间,可以把你的程序装扮成office2007。很COOL!
这里转几篇使用的日志:
1—————————————————–
DotNetBar的SuperTooltip控件使用技巧
DotNetBar是一个顶尖的.net第三方表示层空间。作出来的窗口可以说是非常非常非常的cool!SuperTooltip控件主要可以用于实现提示框。在它提供的sample中,实现了树视图中,鼠标移动到树节点上时显示的提示框。
我的一个项目中用到了树视图,在项目完成以后我决定把它用DotNetBar美化一下。在参考着sample的代码对我的代码进行修改和调试的过程中,我发现sample的代码并不是拿来用就行了的,还是需要理解以后进行修改。
按照sample的代码,假设我们的Form Form1中有控件TreeView treeView1,那么为treeView1实现提示框的方法如下:(我没用窗口编辑器,只修改代码来着)
1 在项目的引用中添加DevComponents.DotNetBar。新建一个类NodeSuperTooltipProvider,将sample中的这个类的代码复制过来。注意,如果你的程序里的树节点不是用的.net自带组件TreeNode,而是从TreeNode继承而来的自定义类型,那么将以下所有代码中的TreeNode都改成你自定义的类型,并且很多地方也要加入强制类型转换。
using System; using System.ComponentModel; using System.Drawing; using System.Windows.Forms;
namespace SuperTooltip { /// <summary> /// Wrapper so SuperTooltips can be displayed for node objects. /// </summary> public class NodeSuperTooltipProvider : Component, DevComponents.DotNetBar.ISuperTooltipInfoProvider { private TreeNode m_Node=null;
/// <summary> /// Creates new instance of the object. /// </summary> /// <param name="node">Node to provide tooltip information for</param> public NodeSuperTooltipProvider(TreeNode node) { m_Node=node; }
/// <summary> /// Call this method to show tooltip for given node. /// </summary> public void Show() { if(this.DisplayTooltip!=null) DisplayTooltip(this,new EventArgs()); }
/// <summary> /// Call this method to hide tooltip for given node. /// </summary> public void Hide() { if(this.HideTooltip!=null) this.HideTooltip(this,new EventArgs()); }
#region ISuperTooltipInfoProvider Members
/// <summary> /// Returns screen coordinates of object. /// </summary> public System.Drawing.Rectangle ComponentRectangle { get { Rectangle r=m_Node.Bounds; r.Location=m_Node.TreeView.PointToScreen(r.Location); return r; } }
public event EventHandler DisplayTooltip; public event EventHandler HideTooltip;
#endregion } }
2 在Form1种添加控件:
private DevComponents.DotNetBar.SuperTooltip superTooltip1; private System.Windows.Forms.Timer tooltipDisplayDelay;
一个是SuperTooltip,另一个是.net本身带的Timer,用于控制提示框显示的时间。
3 Form1中的InitializeComponent()函数中添加:
this.components = new System.ComponentModel.Container(); this.superTooltip1 = new DevComponents.DotNetBar.SuperTooltip(); this.tooltipDisplayDelay = new System.Windows.Forms.Timer(this.components);
需要初始化components是因为那个Timer初始化的时候要用。不过去掉可以不可以我也没试过……
// // superTooltip1 // this.superTooltip1.DefaultFont = new System.Drawing.Font("Tahoma", 8.25F, System.Drawing.FontStyle.Regular, System.Drawing.GraphicsUnit.Point, ((System.Byte)(0))); // // tooltipDisplayDelay // this.tooltipDisplayDelay.Interval = 1000;
4 写一个生成所有节点的提示框的函数:
private superTooltip_Refresh() { // Load SuperTooltip information for each node… TreeNode node=treeView1.Nodes[0]; while(node!=null) { // Creates wrapper to provide SuperTooltip control access to the node object NodeSuperTooltipProvider sp=new NodeSuperTooltipProvider(node); node.Tag=sp; // Assign the wrapper to SuperTooltip control together with information // about what to display on Super Tooltip for this node. superTooltip1.SetSuperTooltip(sp,new DevComponents.DotNetBar.SuperTooltipInfo([header_text],"",[additional_text],null,null,DevComponents.DotNetBar.eTooltipColor.Lemon)); // Must expand node to get to the child nodes via NextVisibleNode node.Expand(); node=node.NextVisibleNode; } }
其中[header_text]和[additional_text]处添加希望在提示框中显示的string。[header_text]会被加粗。另外,SuperTooltipInfo的最后一个参数用来改变颜色。
本来这些代码在sample里面是写在Form1的Load事件函数里面的,但是一般来说用到树视图的程序都会对节点进行各种操作,比如添加、删除、修改等等。我设计的提示框中显示的是节点的Text、它子节点的Text和它父节点的Text。开始我按照sample的代码把这些代码写在Form1的Load事件函数中,结果当我删除了一个节点时,它父节点的提示框内容并没有改变。其原因就是以上这段生成每个节点的提示框的代码只在Form1生成的时候才调用Load事件函数,而改变树视图后并不重新生成。所以,我把这些代码单独写在一个函数中, 并在Form1的Load事件函数中调用它,并且在我对树和节点进行操作以后也会调用它,以刷新所有的提示框。
5 Form1的Load事件函数,每个添加、修改、删除节点的button、menuItem等对象的Click事件函数的最后加入代码:
this.superTooltip_Refresh();
6 定义一个TreeNode私有属性:
private TreeNode m_LastMouseOverNode = null;
7 treeView1的MouseMove事件函数:
TreeNode nodeAt=treeView1.GetNodeAt(e.X,e.Y); if(nodeAt!=m_LastMouseOverNode) { HideNodeTooltip(); if(nodeAt!=null) { m_LastMouseOverNode=nodeAt; // Delayed display tooltipDisplayDelay.Start(); } }
8 treeView1的MouseDown事件函数:
// Hide tooltip if any is visible… HideNodeTooltip();
9 treeView1的MouseLeave事件函数:
// Hide tooltip when mouse leaves tree control HideNodeTooltip(); tooltipDisplayDelay.Stop();
10 tooltipDisplayDelay的Tick事件函数:
tooltipDisplayDelay.Stop(); if(m_LastMouseOverNode!=null) ShowNodeTooltip(m_LastMouseOverNode);
11 ShowNodeTooltip和HideNodeTooltip函数:
private void ShowNodeTooltip(TreeNode node) { if(node==null) return; NodeSuperTooltipProvider sp=node.Tag as NodeSuperTooltipProvider; sp.Show(); m_LastMouseOverNode=node; }
private void HideNodeTooltip() { if(m_LastMouseOverNode!=null) { NodeSuperTooltipProvider sp=m_LastMouseOverNode.Tag as NodeSuperTooltipProvider; sp.Hide(); m_LastMouseOverNode=null; } }
12 以上6-11步,都是sample代码中原封不动搬来的,但是运行的时候有一个重大问题,就是当我添加一个节点以后,当我的鼠标移动到新节点上时,会出现Null异常。经过调试,我发现异常出现在ShowNodeTooltip和HideNodeTooltip函数中的局部变量sp上。关于sp的初始化的代码如下:
// ShowNodeTooltip() NodeSuperTooltipProvider sp=node.Tag as NodeSuperTooltipProvider;
// HideNodeTooltip() NodeSuperTooltipProvider sp=m_LastMouseOverNode.Tag as NodeSuperTooltipProvider;
而前面有这样的代码段: // Creates wrapper to provide SuperTooltip control access to the node object NodeSuperTooltipProvider sp=new NodeSuperTooltipProvider(node); node.Tag=sp;
可以看出,SuperTooltip控件是将NodeSuperTooltipProvider的实例赋给节点的Tag以实现提示框的功能。所以,如果我们没有对新建节点的Tag进行赋值,就会出现Null异常。
实际上,如果每当添加一个节点时都调用前面的superTooltip_Refresh(),就不存在这样的异常。但是,并不是每个程序都需要有这样一个刷新提示框的函数,也许某些程序提示框中的内容是固定的。
在这种程序中,修复这个bug的方法有两种:
第一种,就是如果你的节点是从TreeNode继承而来的自定义类,那么在该类的所有构造函数中都加入如下程序段:
this.Tag = new NodeSuperTooltipProvider(this);
第二种,就是如果你的节点用的就是TreeNode组件,那么就要在添加节点的所有button和menuItem等对象的Click事件结尾加入:
[node_name].Tag = new NodeSuperTooltipProvider([node_name]); // [node_name]是新建节点在函数中的标识符。
至此,我们的树视图中提示框的功能就实现了。
2、——————————————————————
最近在使用dotnetbar,简单写一下使用方法,具体细节有待研究。希望对初次使用的人有用。 1、Bar就是一个菜单栏,可以右键增加button和combobox等等许多,大家可以一一试试。 2、bubbleBar是一个工具栏,右键增加button(可以增减tab但是没看出啥效果),然后就可以实现苹果系统的波浪选择效果。 3、balloonTip,气球。把他拖到任何一个控件上面,当鼠标在上面悬浮时就出现气球。 4、ContextMenuBar,这是在鼠标右击的时候出来的菜单. 5、colorPickerButton控件,用来做颜色的选择。 6、ComboBoxEx,看名字就知道了 7、ListViewEx和GroupPanel,看名字就知道是什么了。好看了许多 8、RibbonBar,还是button,office2007风格,可以右键增加。 9、explorerBar,类似于winxp左边的导航菜单,在vista大行其道的今天,觉得不是十分漂亮了 10、itemPanel,与expandableSplitter结合可以做导航栏,设置ExpandedControl属性,鼠标过度效果 11、expandablePanel,可下拉的控件,点击后回缩 12、maskedTextBoxAdv,textbox,加了个按钮实现清空 13、tabControl,这个比较有用一点。 先写这么点,没有涉及到具体应用,希望给第一次用的人不知道是什么了查一下。
|