论坛首页 → Java企业应用论坛 →

用RCP做出漂亮的对话框

浏览 8900 次
锁定老帖子 主题：用RCP做出漂亮的对话框
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
  • dearwolf
  • 等级: 一钻会员
  • 性别:
  • 文章: 621
  • 积分: 729
  • 来自: 北京
   发表时间：2006-12-26  
首先是一个效果图：

login.JPG

为了不违反保密协议，偶在这里把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. }  

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

login2.JPG

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

  1. composite.setBackgroundMode(SWT.INHERIT_DEFAULT);  

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

login3.JPG

如上图所示，介个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));  


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

login4.JPG

为什么会素介个样子捏？即使素把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吧：）多谢！
返回顶楼
         
论坛首页 → Java企业应用版

跳转论坛:
Global site tag (gtag.js) - Google Analytics