`
dearwolf
  • 浏览: 343621 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

用RCP做出漂亮的对话框

阅读更多
首先是一个效果图:

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, falsefalse));  


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

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, falsefalse);  
  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, falsefalse);  
  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吧:)多谢!
分享到:
评论

相关推荐

    rcp.zip_DEMO_RCP dialog_java rcp_rcp

    在这个示例中,"demo_rcp_dialog"很可能是展示如何创建和使用自定义对话框的。这可能包括了如何定义对话框的布局、添加控件、处理用户输入以及关闭对话框的逻辑。 接着是"demo_rcp_view"。在RCP应用中,视图(View...

    login对话框代码

    基于eclipse rcp插件的对话框的开发

    RCP,RCP开发

    4. **多语言支持**:RCP支持国际化,方便全球用户使用。 5. **强大的API**:RCP提供了丰富的API,方便开发者进行界面设计和事件处理。 **OSGI概述** OSGI(Open Services Gateway Initiative)是一种动态模块系统,...

    Eclipse的RCP开发的入门教程

    "使用Eclipse RCP进行桌面程序开发(二):菜单、工具栏和对话框 .doc"则专注于用户界面(UI)元素的创建和管理,包括如何定义菜单、工具栏,以及创建自定义对话框。这些组件是用户与应用程序交互的关键部分,开发者...

    rcp学习好资料

    3. **使用Eclipse RCP进行桌面程序开发(二):菜单、工具栏和对话框 - 海边沫沫 - BlogJava.mht** 这部分可能涵盖了创建和管理用户界面元素,如菜单、工具栏和对话框的方法,这些都是构建用户友好的桌面应用必不可...

    eclipse rcp 插件开发学习笔记.pdf 15-24章

    1. **第15章:对话框和向导(Dialogs and Wizards)** - 在Eclipse RCP中,对话框和向导是用户交互的重要组成部分。对话框用于获取用户的输入或显示信息,而向导则引导用户完成一系列步骤。本章可能涵盖了如何创建...

    Eclipse RCP开发教程

    RCP 提供了多种预定义的对话框,同时支持自定义对话框的创建。 **7. 外部 JAR 的使用** RCP 应用可以引入外部 JAR 包来扩展其功能,只需在项目的类路径中包含这些 JAR,并在需要的地方导入相应的类。 **8. 添加...

    RCP-1500中文操作手册.pdf

    索尼公司生产的RCP-1500系列遥控面板(包括RCP-1500、RCP-1501和RCP-1530型号)是用于配置和控制演播室级及广播级摄像机的专业设备。这些设备提供了高级的操作便利性和功能的多样性,使得用户能够高效地进行摄影机的...

    RCP开发入门-PDF.7z

    9. **对话框(Dialog)**:RCP提供了各种对话框,如输入框、确认框等,以及如何自定义对话框。 10. **国际化(Internationalization)**:Eclipse RCP支持多语言,讲解如何为应用添加多语言支持。 11. **调试与...

    用RCP构建GEF程序

    【用RCP构建GEF程序】的PPT教程主要涵盖了Eclipse Rich Client Platform (RCP)和Graphical Editing Framework (GEF)的应用。Eclipse RCP是一个强大的开发平台,广泛应用于构建桌面应用程序,如GIS系统、高级项目管理...

    RCP在线升级,RCP在线升级

    RCP在线升级是指在不卸载原有版本的情况下,通过网络更新来安装RCP应用的新版本,以确保用户始终能够使用最新功能并获得安全补丁。本文将详细介绍RCP在线升级的过程和相关技术。 首先,理解RCP升级的基础架构是至关...

    Eclipse RCP 插件开发指南

    通过使用Eclipse RCP,开发者可以创建高度可定制和扩展的应用程序,这些应用不仅具有强大的功能,而且还能与其他Eclipse插件无缝集成。 ##### Eclipse Workbench Eclipse Workbench 是 Eclipse RCP 的核心组成部分...

    使用Eclipse RCP进行桌面程序开发

    ### 使用Eclipse RCP进行桌面程序开发:详细指南 #### 一、Eclipse RCP简介与快速起步 **Eclipse RCP** (Rich Client Platform) 是一种基于Java的开源框架,用于开发桌面应用程序。自从Eclipse 3.0版本以来,RCP...

    Eclipse RCP Plug-in开发自学教程(Eclipse3.6)

    - **概述**:对话框在RCP中的使用场景。 - **预定义的对话框**:介绍Eclipse提供的内置对话框,如消息对话框、输入对话框等。 - **创建工程**:创建使用预定义对话框的项目。 - **用户自定义对话框**:创建和...

    eclipse rcp 例子 源码

    4. **JFace应用**:学习如何使用JFace创建更高级的UI元素,如对话框、表视图、树视图等,以及数据绑定和模型-视图-控制器(MVC)模式的应用。 5. **偏好系统**:理解如何使用Eclipse的偏好服务来存储和读取用户偏好...

    Eclipse Rcp

    首先,开发者应掌握Java基础知识,并且熟悉Eclipse环境的使用。虽然SWT/JFace开发基础知识是可选的,但是这些是Eclipse RCP开发中常用的图形用户界面技术,熟悉它们会对开发有所帮助。 Eclipse RCP应用的开发过程...

    使用RCP进行程序开发(学习篇)

    在本文中,我们将深入探讨如何使用RCP(Rich Client Platform)进行程序开发,这是一种基于Eclipse的框架,用于构建强大的桌面应用程序。RCP利用插件化的系统架构,提供了模块化和动态化的应用开发能力,同时也简化...

    eclipse 3.6 rcp 开发

    ### Eclipse 3.6 RCP 开发知识点概览 #### 1. 富客户端平台 (RCP) 概述 **1.1 概述** - **定义**: Eclipse Rich Client ...通过理解和掌握这些知识点,开发者可以更加高效地使用Eclipse RCP进行桌面应用程序的开发。

Global site tag (gtag.js) - Google Analytics