用RCP做出漂亮的对话框

首先是一个效果图：

为了不违反保密协议，偶在这里把logo和相关的东西都涂掉了，希望不会让人觉得难看....

ok，下面就开始讲述偶的coding过程：

首先捏，Dialog是分为三部分的，Window Title Bar，Content Area和Button Bar

这里的Window Title Bar素很难改动滴，偶也米改....而接下来的ContentArea和ButtonBar因为素分成两截滴，所以就要把一张背景图片拆成两截，分别设置成ContentArea和ButtonBar的背景图片鸟~~~

 

1. protected Control createDialogArea(Composite parent) {  
2.     Composite composite = (Composite) super.createDialogArea(parent);  
3.     composite.setBackgroundImage(backgroundImage);  
4.     .......  
5. }  
6.   
7. protected Control createButtonBar(Composite parent) {  
8.     Control composite = super.createButtonBar(parent);  
9.     composite.setBackgroundImage(backgroundBtmImage);  
10.     .......  
11.     return composite;  
12. }  

当然，仅仅做到这些还是远远不够滴，不信，你看~~~

看到效果了咩....接下来偶们要做滴就是解决掉背景的问题，因为这个对话框里面没有Table、Tree之类的控件，于是在createDialogArea()方法中加入一行：

1. composite.setBackgroundMode(SWT.INHERIT_DEFAULT);  

我们再来看看改变后的效果：

如上图所示，介个ContentArea的背景问题已经解决鸟，下面就素重中之重滴ButtonArea鸟~~~让我们打开Dialog的源代码，看一下createButtonBar()的部分，就可以发现里面有两行：

 

1. GridData data = new GridData(GridData.HORIZONTAL_ALIGN_END  
2.          | GridData.VERTICAL_ALIGN_CENTER);  
3.  composite.setLayoutData(data);  

介样子怎么能行捏，偶们需要让介个Composite填满整个DialogArea，这样子才可以显示出整个背景图片，所以偶们就要在重写后的方法中加入下面一行代码：

 

1. composite.setLayoutData(new GridData(SWT.FILL, SWT.TOP, false, false));  

现在让偶们再来看看运行后的结果：

为什么会素介个样子捏？即使素把layout改成SWT.RIGHT，也不会改变介个结果...偶快要郁闷滴抓狂鸟.....

经过漫长滴测试，偶终于发现鸟，如果控件滴layoutData不grabExcessSpace的话，那么现在滴DialogArea的Composite实际大小就素两个Button加起来滴大小，所以无论如何也素不会居右对齐滴....介可怎么办捏.....如果去重写createButton方法滴话，那介个dialog滴代码可就太丑陋鸟....

在一个偶然滴机会下，偶终于发现鸟SWT.RIGHT_TO_LEFT !!!偶依稀见到鸟灿烂滴曙光！8过Composite的style素在创建时指定的，似乎米办法在后面覆盖，所以偶们只好整个滴把createButtonBar重写掉鸟~~~

 

1. protected Control createButtonBar(Composite parent) {  
2.         Composite composite = new Composite(parent, SWT.RIGHT_TO_LEFT  
3.                 | SWT.NONE);  
4.         // create a layout with spacing and margins appropriate for the font  
5.         // size.  
6.         GridLayout layout = new GridLayout();  
7.         layout.makeColumnsEqualWidth = true;  
8.         layout.marginWidth = convertHorizontalDLUsToPixels(IDialogConstants.HORIZONTAL_MARGIN);  
9.         layout.marginHeight = convertVerticalDLUsToPixels(IDialogConstants.VERTICAL_MARGIN);  
10.         layout.horizontalSpacing = convertHorizontalDLUsToPixels(IDialogConstants.HORIZONTAL_SPACING);  
11.         layout.verticalSpacing = convertVerticalDLUsToPixels(IDialogConstants.VERTICAL_SPACING);  
12.         layout.marginLeft = 10;  
13.         composite.setLayout(layout);  
14.         GridData data = new GridData(SWT.FILL, SWT.TOP, false, false);  
15.         composite.setLayoutData(data);  
16.         composite.setFont(parent.getFont());  
17.   
18.         // Add the buttons to the button bar.  
19.         createButtonsForButtonBar(composite);  
20.         composite.setBackgroundImage(backgroundBtmImage);  
21.         return composite;  
22.     }  

在上面的代码中，偶除了对偶所提到的地方进行了修改以外，还加上鸟一行： layout.marginLeft  =   10 ;

介个素因为如果右边距过小滴话，背景图片就会被覆盖掉一些，而因为偶们用到鸟 SWT.RIGHT_TO_LEFT，所以应当设置marginLeft滴值 :-)

还有一点素8能忘记滴，就素要重写一下setButtonLayoutData(Button button)方法，因为偶们要把Button改成居右对齐：

 

1. protected void setButtonLayoutData(Button button) {  
2.     GridData data = new GridData(SWT.RIGHT, SWT.CENTER, false, false);  
3.     int widthHint = convertHorizontalDLUsToPixels(IDialogConstants.BUTTON_WIDTH);  
4.     Point minSize = button.computeSize(SWT.DEFAULT, SWT.DEFAULT, true);  
5.     data.widthHint = Math.max(widthHint, minSize.x);  
6.     button.setLayoutData(data);  
7. }  

然后再在createButtonsForButtonBar()方法中，把创建按钮的顺序改变一下，偶们就可以看到最开始滴那张美丽滴对话框鸟~~~虽然被偶涂改滴有些不美丽鸟~~~

现在还有个小小滴问题就素按钮距离底端滴黑框太近鸟~~介个素因为，介个Composite只有一行，所以要改变按钮距离底端滴距离，那么DialogArea滴大小就要跟着改变，而现在偶们滴DialogArea所需要滴背景图片还米改好，于是只有这样鸟~~~大家应该知道在哪里设置底边的边距吧？就素createButtonBar方法中滴那个layout.marginHeight =xxx :)

最后别忘了，整个对话框的高度，应该是Window Title Bar，Content Area和Button Bar三部分滴和。

偶已经说完鸟，如果觉得偶滴介篇文章对你有些帮助的朋友，请去支持一下偶们美丽可爱滴靓颖同学滴新专辑The One吧：）多谢！