WebUI Case(1): www.swt-designer.com 首页

本系列文章主要记录在网上发现的一些优秀的Web UI设计.

文章结构如下:

(1) WebUI Case 编号
(2) WebUI Case 名称,地址
(3) 截图
(4) 源代码
(5) 评价(可选)

下面开始第一篇:

(1)WebUI Case编号: 0001

(2) WebUI Case 名称: www.swt-designer.com 首页

(3) 截图


(4)源代码

页面:

< html >

< head >
< title > SWT Designer </ title >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=iso-8859-1" >
< link  rel ="SHORTCUT ICON"  href ="http://www.swt-designer.com/favicon.ico"
type ="image/x-icon" >
< link  rel ="ICON"  href ="http://www.swt-designer.com/favicon.ico"  type ="image/x-icon" >
</ head >

< frameset  frameborder ="0"  border ="0"  rows ="66,*" >
   < frame  src ="http://www.instantiations.com/swt-designer/eclipse_banner.html"  scrolling ="no"  marginwidth ="5"  marginheight ="5" >
   < frameset  frameborder ="0"  cols ="310,*" >
     < frame  src ="http://www.instantiations.com/swt-designer/map.html"  scrolling ="no"  marginwidth ="5"  marginheight ="5" >
     < frame  name ="content"  src ="http://www.instantiations.com/swt-designer/home.html"  scrolling ="auto"  marginwidth ="5"
    marginheight ="5" >
   </ frameset >
   < noframes >
   < body >
   < p > This page uses frames, but your browser doesn't support them. </ p >
   </ body >
   </ noframes >
</ frameset >

< frameset >
</ frameset >
</ html >

顶层frame:

< html >

< head >
< title ></ title >
</ head >

< body  bgcolor ="#D4D0C8" >

< table  border ="0"  cellPadding ="0"  cellSpacing ="0"  height ="100%"  width ="100%" >
<!--  top window line  -->
   < tr >
     < td >< img  src ="images/left_top.gif"  width ="2"  height ="2" ></ td >
     < td  background ="images/top_top.gif"  width ="100%" ></ td >
     < td >< img  src ="images/top_right.gif"  width ="3"  height ="2" ></ td >
   </ tr >
<!--  content  -->
   < tr  bgcolor ="#FFFFFF" >
     < td  background ="images/left_border.gif"  height ="100%" ></ td >
     < td  align ="center" >< table  width ="100%"  border ="0"  cellspacing ="0"  cellpadding ="0" >
       < tr >
         < td  width ="100%" >< table  bgcolor ="#006699"  width ="100%"  border ="0"  cellspacing ="0"
        cellpadding ="0" >
           < tr >
             < td  bgcolor ="#006699"  width ="33%"  align ="left" > &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
               < a  href ="http://www.instantiations.com"  target ="_top" >   < img
             src ="images/Instantiations-logo.gif"  align ="absmiddle"  border ="0"  width ="202"  height ="30" ></ a ></ td >
             < td  align ="center"  width ="33%" >< img  border ="0"  src ="images/designer.gif"  width ="250"  height ="48" ></ td >
             < td  align ="right"  width ="33%" >< a  href ="http://www.eclipse.org"  target ="_top" >< img  src ="images/EclipseBannerPic.jpg"  border ="0"  align ="right"  width ="115"  height ="50" ></ a ></ td >
           </ tr >
         </ table >
         </ td >
       </ tr >
     </ table >
     </ td >
     < td  background ="images/right_border.gif"  height ="100%" ></ td >
   </ tr >
<!--  bottom  -->
   < tr >
     < td >< img  src ="images/left_bottom.gif"  width ="2"  height ="3" ></ td >
     < td  background ="images/bottom_bottom.gif"  width ="100%" ></ td >
     < td >< img  src ="images/bottom_right.gif"  width ="3"  height ="3" ></ td >
   </ tr >
</ table >
</ body >
</ html >

左上frame:

< html >

< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=windows-1252" >
< meta  name ="GENERATOR"  content ="Microsoft FrontPage 6.0" >
< meta  name ="ProgId"  content ="FrontPage.Editor.Document" >
< style >
     /*  Style for tree item text  */
    .t0i  {
        font-family :  Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif ;
        font-size :  11px ;
        color :  #000000 ;
        background-color :  #ffffff ;
        text-decoration :  none ;
        font-weight :  normal ;
     }
     /*  Style for tree item image  */
    .t0im  {
        border :  0px ;
        width :  19px ;
        height :  16px ;
     }
</ style >
< title > Designer Tree </ title >
</ head >

< body >

< table  border ="0"  cellpadding ="0"  cellspacing ="0" >
   < tr >
     < td >
< script  language ="JavaScript"  src ="tree.js" ></ script >
< script  language ="JavaScript"  src ="tree_items.js" ></ script >
< script  language ="JavaScript"  src ="tree_tpl.js" ></ script >
< script  language ="JavaScript" >
     new  tree (TREE_ITEMS, tree_tpl);

     for (i  =   0 ; i  <  trees[ 0 ].a_children[ 0 ].a_children.length; i ++ ){
        trees[ 0 ].a_children[ 0 ].a_children[i].open(i  ==   8   ||  i  ==   9   ||  i  ==   10   ||  i  ==   12   ||  i  ==   13 );
    }
    trees[ 0 ].a_children[ 0 ].select();
</ script >
     </ td >
   </ tr >
</ table >

</ body >

</ html >

左下frame:

< html >
< head >
< title > WindowBuilder Pro </ title >
< meta  content ="text/html; charset=windows-1252"  http-equiv ="Content-Type" >
< link  rel ="stylesheet"  type ="text/css"  href ="styles/styles.css" >
</ head >
< body  bgcolor ="#FFFFFF" >
     < table >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > September 29, 2005: </ b >< br >  Version 4.1.1 latest 
            build released (SWT visual inheritance, enhanced SWT GridLayout 
            support, non-visual beans, custom SWT 
            widgets, code generation enhancements, expose property, etc.) </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > July 13, 2005: </ b >< br >  Swing SpringLayout
             < a  target ="_top"  href ="demos/springLayout.html" > demo </ a >  added. </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > July 9, 2005: </ b >< br >  Version 4.1.0 released 
            (Eclipse 3.1 GA, new dockable flyout palette  &amp;  property panes, 
            property filtering, automatic variable naming, improved NLS support, improved custom widget 
            support, improved Eclipse Forms support, new wizards, etc.) </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > July 4, 2005: </ b >< br >  New
             < a  target ="content"  href ="docs/introduction/new_and_noteworthy_410.html" >
            New  &amp;  Noteworthy </ a >  section added to the web site. See all of the 
            features that have been added in recent releases in one place. </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > April 5, 2005: </ b >< br >  Version 4.0.0 released (Eclipse 3.1 M6,
             < a  target ="content"  href ="shots/jgoodies_formlayout.html" > JGoodies 
            FormLayout support </ a > ,  < b > SWT_AWT </ b >  support, SWT Spinner, Link, TreeColumn, 
            TreeItem 
             &amp;  TableItem 
            support, enhanced keyboard navigation, custom swing
            properties  &amp;  editors, better custom widget support, code hiding, 
            improved SWT FormLayout support, etc.) </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > March 29, 2005: </ b >< br >  Visual Inheritance
             < a  target ="_top"  href ="demos/VisualInheritance.html" > demo </ a >  added. </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > March 26, 2005: </ b >< br >  Added
             < a  target ="content"  href ="tutorials.html" > Swing tutorials and 
            articles </ a > . </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > March 20, 2005: </ b >< br >  New
             < a  target ="content"  href ="faq.html" > FAQ </ a >  that answers many 
            commonly asked questions. </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > December 24, 2004: </ b >< br >  Updated  < a  href ="docs/nls/nls.html"  target ="content" > internationalization
            docs </ a >  covering NLS tools and i18n features. </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > December 8, 2004: </ b >< br >  Version 3.0.0
            released (Eclipse 3.1 M1/M2/M3,  < b > Eclipse Forms API </ b > ,  < b > Swing visual
            inheritance </ b > , performance improvements, replicate width/height, arrow key support,
            improved custom widget support, event handler code gen, etc.) </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > December 6, 2004: </ b >< br >  Updated  < a  href ="docs/wizards/wizards.html"  target ="content" > wizard
            docs </ a >
            covering all wizards </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > October 14, 2004: </ b >< br >  WindowBuilder /
            Designer was  < a  href ="http://www.devx.com/Java/Article/22186/0" > reviewed
            in DevX </ a > . </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > September 5, 2004: </ b >< br >  Updated  < a  href ="docs/preferences/preferences.html"  target ="content" > preference
            documentation </ a >  covering all preferences </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > August 19, 2004: </ b >< br >  Version 2.1.0 released (Eclipse 3.0
            Final Release, FieldEditorPreferencePages, SpringLayout, enhanced NLS support, enhanced SWT ViewPart support, enhanced JFace
            Dialog support, plugin-relative images, etc.) </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > June 20, 2004: </ b >< br >  NLS Tools  < a  href ="demos/NLSExample.html"  target ="_top" > demo </ a >  added. </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > June 14, 2004: </ b >< br >  GridBagLayout Example  < a  href ="demos/GridBagLayout.html"  target ="_top" > demo </ a >  added. </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > June 12, 2004: </ b >< br >  Swing Example  < a  href ="demos/SwingExample.html"  target ="_top" > demo </ a >  added. </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > May 25, 2004: </ b >< br >  Version 2.0.0 released (New
             < font  SIZE ="2" >< b >< font  color ="#FF0000" >< a  href ="http://www.swing-designer.com"  target ="_top" >  Swing Designer </ a ></ font ></ b ></ font > ,
            Eclipse 3.0 M9/RC1 support, updated docs, enhanced NLS, new wizards, simplified menu creation,
            custom widget support, new license
            manager, etc.) </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > May 24, 2004: </ b >< br >  Updated  < a  href ="docs.html"  target ="content" > documentation </ a >
            containing content courtesy of the  < a  href ="http://www.cs.umanitoba.ca/~eclipse/"  target ="_top" >  University of Manitoba </ a ></ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > March 19, 2004: </ b >< br >  Version 1.2.4 released
            (new  < a  href ="shots/code_generation.html"  target ="content" >  code generation
             </ a > options, editor layout options, ViewPart wizards, CLabel gradients,
            Eclipse 3.0 M7 support, etc.) </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > February 16, 2004: </ b >< br >  New  < a  href ="http://www.cs.umanitoba.ca/~eclipse/12-SWTDesigner.pdf"  target ="content" > comprehensive
            tutorial </ a >  posted courtesy of the  < a  href ="http://www.cs.umanitoba.ca/~eclipse/"  target ="_top" >  University of Manitoba </ a ></ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > January 31, 2004: </ b >< br >  Version 1.2.3
            released (Morphing, Cut/Copy/Paste, StackLayout, ScrolledComposite,
            Canvas, StyledText, Extract Frame refactoring, Eclipse 3.0 M6 support, etc.) </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > January 10, 2004: </ b >< br >  Creating Custom
            Composites  < a  href ="demos/CustomComposites.html"  target ="_top" > demo </ a >  added. </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > December 15, 2003: </ b >< br >  Templates  < a  href ="demos/Templates.html"  target ="_top" > demo </ a >
            added. </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > December 9, 2003: </ b >< br >  Version 1.2.2 is
            released (embedded frame support, performance enhancements, Eclipse
            help integration, Eclipse 3.0 M5 support, etc.) </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > November 25, 2003: </ b >< br >  FormLayout  < a  href ="demos/FormLayout.html"  target ="_top" > demo </ a >  added.
            JFace ApplicationWindow  < a  href ="demos/AppWindow.html"  target ="_top" > demo </ a >
            added. </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > November 10, 2003: </ b >< br >  Version 1.2.1 released
            (FormLayout, multi-widget editing, custom composite creation, SWT
            project creation, platform undo/redo, etc.) </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > October 22, 2003: </ b >< br >< a  href ="shots/formlayout.html"  target ="content" > FormLayout
            Preview </ a >  pics released. </ p >
         </ td >
         </ tr >
         < tr >
           < td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > September 30, 2003: </ b >< br > Version 1.2.0 released (direct edit,
            cool bar, externalized strings, font support, application window
            support). SWT Designer
            acquired by Instantiations [ < font  color ="#000000" >< font  face ="Verdana"  size ="1" >< a  href ="../PR/030930.htm"  target ="content" > News </ a ></ font >< small >< small >< small >  |  </ small ></ small ></ small >< font
     face ="Verdana"  size ="1" >< a  href ="../PR/SWT-Designer-QA.PDF"  target ="content" > FAQ </ a ></ font ></ font > ] </ p >
         </ td >
         </ tr >
         < tr >< td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > September 10, 2003: </ b >< br > Menu creation  < a  href ="demos/demo4.html"  target ="_top" > demo </ a >  added. </ p >
         </ td ></ tr >
         < tr >< td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > September 4, 2003: </ b >< br > Version 1.12 is released (drag &drop , context menu support in control tree, test button and delete layout in context menu). </ p >
         </ td ></ tr >
         < tr >< td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > August 20, 2003: </ b >< br > Version 1.11 is released (fixed bug with SashForm, compatibility with GEF 2.1.0,
            partial custom controls support). </ p >
         </ td ></ tr >
         < tr >< td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > August 19, 2003: </ b >< br > Documentation updated (installation and project configuration added). </ p >
         </ td ></ tr >
         < tr >< td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > August 18, 2003: </ b >< br > Version 1.10 is released (Linux + GTK2 support, may be also other non-Windows platforms). </ p >
         </ td ></ tr >
         < tr >< td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > August 17, 2003: </ b >< br > Linux screenshot published. </ p >
         </ td ></ tr >
         < tr >< td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > August 15, 2003: </ b >< br > Version 1.04 is released (absolute layout, ViewPart and ViewForm support). </ p >
         </ td ></ tr >
         < tr >< td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > August 12, 2003: </ b >< br > Version 1.03 is released (more bug fixes). </ p >
         </ td ></ tr >
         < tr >< td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > August 11, 2003: </ b >< br > Version 1.02 is released (bug fixes only). </ p >
         </ td ></ tr >
         < tr >< td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > August 7, 2003: </ b >< br > JFace Wizard page creation  < a  href ="demos/demo3.html"  target ="_top" > demo </ a >  added. </ p >
             < p  class ="pnoall" >< b > July 31, 2003: </ b >< br > Fast event handlers access  < a  href ="demos/demo2.html"  target ="_top" > demo </ a >  added. </ p >
         </ td ></ tr >
         < tr >< td > &nbsp; </ td >< td >
             < p  class ="pnoall" >< b > July 31, 2003: </ b >< br > Version 1.01 is released. </ p >
         </ td ></ tr >
     </ table >
</ body >
</ html >

 

右下角frame:

< html >

< head >
< title > SWT Designer </ title >
< meta  content ="text/html; charset=windows-1252"  http-equiv ="Content-Type" >
< link  rel ="stylesheet"  type ="text/css"  href ="styles/styles.css" >
</ head >

< body  bgcolor ="#FFFFFF" >

< table  border ="0"  cellpadding ="0"  cellspacing ="0"  width ="100%" >
   < tr >
     < td  width ="21"  height ="30" ></ td >
     < td  width ="265"  height ="30" ></ td >
     < td  width ="20"  height ="30" ></ td >
     < td  colspan ="3"  width ="858"  height ="30" >
       < p  class ="pbig" >< img  border ="0"  src ="../images/new1.gif"  align ="absmiddle"  width ="40"  height ="28" >
       < strong >< font  color ="#FF0000" > SWT Designer v4.1.0 Released!  </ font ></ strong >
     </ td >
   </ tr >
   < tr >
     < td  width ="21"  height ="297" ></ td >
     < td  width ="265"  height ="297"  valign ="top" >< a  href ="../windowbuilderpro/shots/main.html"  target ="content" >
     < img
     src ="shots/designer_small.gif"  border ="0"  align ="top"  width ="259"  height ="175" ></ a >
       < p  align ="center" >< a  href ="../windowbuilder/shots/main.html"  target ="content" >
       < form  method ="post"  action ="http://www.eclipseplugincentral.com/modules.php?op=modload&name=Web_Links&file=index" >
             < table  align ="center"  border ="0"  cellspacing ="0"  cellpadding ="0" >
             < tr >< td  align ="center"  colspan ="2" > If you like our product, please
                rate it a < br >
                 &nbsp; Eclipse Plugin Central </ td ></ a ></ tr >
             < tr >< td  align ="center" >
             < a  href ="http://www.eclipseplugincentral.com"  target ="_top" >
             < img  border ="0"  src ="images/EPiC-logo-sm.jpg"  align ="left"  width ="122"  height ="40" ></ a >
             </ td >< td  align ="center" >
             < table  border ="0"  cellspacing ="0"  cellpadding ="0"  align ="center" >
             < tr >< td  valign ="top" >
             < select  name ="rating" >
             < option  selected > 10 </ option >
             < option > 9 </ option >
             < option > 8 </ option >
             < option > 7 </ option >
             < option > 6 </ option >
             < option > 5 </ option >
             < option > 4 </ option >
             < option > 3 </ option >
             < option > 2 </ option >
             < option > 1 </ option >
             </ select >
             </ td >< td  valign ="top" >
             < input  type ="hidden"  name ="ratinglid"  value ="15" >< input  type ="hidden"  name ="ratinguser"  value ="outside" >< input  type ="hidden"  name ="req"  value ="addrating" >< input  type ="submit"  value ="Vote!" >
             </ td ></ tr ></ table >
             </ td ></ tr >
             < tr >< td  align ="center" >
             </ td >< td  align ="center" >
             </ td ></ tr ></ table >
         </ form >
         < p  align ="center" >
         < img  border ="0"  src ="images/wb-box.gif"  width ="113"  height ="130" >< br >
         < br >
   </ p >
</ td >
< td  width ="20"  height ="297" ></ td >
< td  colspan ="3"  width ="858"  height ="297"  valign ="top" >
  Major new release includes support for
    new dockable flyout palette  &amp;  property panes,  < br >
    property filtering, automatic variable naming, improved NLS support, 
    improved Eclipse  < br >
    Forms support, new wizards, &nbsp; Eclipse 3.1 GA support plus many other new features.
   < ul >
               < li >
                 < p  align ="left" >< b >
               < font  SIZE ="2" >
                Support for Eclipse 3.1 GA </ font ></ b ></ li >
                 < li >
                 < p  align ="left" > New  < b >
                 < a  target ="content"  href ="../windowbuilderpro/docs/preferences/preferences_editor_layout.html" >
                Dockable Flyout Palette  &amp;  Property Editor </ a ></ b >< ul >
                     < li >
                     < p  align ="left" > Dock the Property Editor  &amp;  Palette to 
                    different sides of the design view </ li >
                     < li >
                     < p  align ="left" > Palette  &amp;  Property Editor may be easily 
                    collapsed and expanded </ li >
                     < li >
                     < p  align ="left" > Palette  &amp;  Property Editor available as 
                    separate views </ li >
                 </ ul ></ li >
                 < li >
                 < p  align ="left" > Added new  < b >
                 < a  target ="content"  href ="../windowbuilderpro/docs/preferences/preferences_property_manager.html" >
                Property Manager </ a ></ b >< ul >
                     < li >
                     < p  align ="left" > Important properties are highlighted in bold 
                    and sorted to the top of the list </ li >
                     < li >
                     < p  align ="left" > Hidden properties are removed from the 
                    property list </ li >
                     < li >
                     < p  align ="left" > New preference page for configuring 
                    properties </ li >
                 </ ul ></ li >
                 < li >
                 < p  align ="left" > Automatically  < b >
                 < a  target ="content"  href ="../windowbuilderpro/docs/preferences/preferences_variable_names.html" >
                rename variables </ a ></ b >  based on text property < ul >
                     < li >
                     < p  align ="left" > Rename always, never or only for defaults </ li >
                     < li >
                     < p  align ="left" > Specify renaming patterns using text, 
                    classname and acronym </ li >
                     < li >
                     < p  align ="left" > New preference page for configuring variable 
                    names </ li >
                 </ ul ></ li >
                 < li >
                 < p  align ="left" > Enhanced  < b >
                 < a  target ="content"  href ="../windowbuilderpro/docs/nls/nls.html" >
                NLS </ a ></ b >  support < ul >
                     < li >
                     < p  align ="left" > Added flag icons for all locales </ li >
                     < li >
                     < p  align ="left" > Support for 
                    ResourceBundle.getBundle( &quot; name &quot; ).getString( &quot; key &quot; ) </ li >
                 </ ul ></ li >
                 < li >
                 < p  align ="left" > Enhanced  < b > SWT </ b >  support < ul >
                     < li >
                     < p  align ="left" > Support for setting SWT tab order within a 
                    container </ li >
                     < li >
                     < p  align ="left" > Added  < b > BIDI </ b >  (RIGHT_TO_LEFT) support 
                    for SWT GridLayout, FlowLayout and RowLayout </ li >
                     < li >
                     < p  align ="left" > Added an Eclipse Forms Composite wizard </ li >
                     < li >
                     < p  align ="left" > Added an  < b > SWT Dialog </ b >  wizard </ li >
                     < li >
                     < p  align ="left" > Support for direct edit/double click for  < b >
                    ToolItem </ b ></ li >
                     < li >
                     < p  align ="left" > Enhanced support for  < b > FormLayout </ b ></ li >
                     < li >
                     < p  align ="left" > Support for drop down toolbar items and 
                    menus </ li >
                     < li >
                     < p  align ="left" > Support for  < b > ColorRegistry </ b >   &amp;   < b >
                    FontRegistry </ b ></ li >
                     < li >
                     < p  align ="left" > Support for Eclipse 3.1  < b > GridLayout </ b >  
                    enhancements </ li >
                     < li >
                     < p  align ="left" > Added tooltips for FormLayout popup figures </ li >
                 </ ul ></ li >
                 < li >
                 < p  align ="left" > Enhanced  < b > JFace  &amp;  RCP </ b >  support < ul >
                     < li >
                     < p  align ="left" > Support for adding existing actions for  < b >
                    ApplicationWindow </ b > / < b > ViewPart </ b ></ li >
                     < li >
                     < p  align ="left" > Enhanced display of  < b > ViewParts </ b >  and  < b >
                    EditorParts </ b ></ li >
                 </ ul ></ li >
                 < li >
                 < p  align ="left" > Editor  &amp;  Property Pane enhancements < ul >
                     < li >
                     < p  align ="left" > New toolbar options to evenly  < b > distribute </ b >  
                    controls </ li >
                     < li >
                     < p  align ="left" > Keyboard navigation for menus </ li >
                     < li >
                     < p  align ="left" > New  < b > Rename </ b >  command to rename multiple 
                    widgets at once </ li >
                     < li >
                     < p  align ="left" > New  < b > Set Layout </ b >  command on the context 
                    menu </ li >
                     < li >
                     < p  align ="left" > New  < b > Autosize widget </ b >  command for null 
                    layout </ li >
                     < li >
                     < p  align ="left" > New  < b > Change Style </ b >  command on the 
                    context menu </ li >
                 </ ul ></ li >
   </ ul >
     </ td >
</ tr >
   < tr >
     < td  width ="21" ></ td >
     < td  width ="265"  valign ="top" >< font  face ="Verdana" >< font
         size ="1" >< em >< strong > &quot; I had forgotten just how much fun and easy it
      can be building Java GUIs. &quot; </ strong ></ em ></ font >< small >< small >< small >< small >
         < br >
  </ small > --Sally Rich, RSS Solutions </ small ></ small ></ small ></ font >
       < p > &nbsp;
</ td >
< td  width ="20" ></ td >
< td  colspan ="3"  width ="858" >< a  href ="http://www.devx.com/Java/Article/22186/0"  target ="_blank" >< img
         src ="../images/devx-s.gif"  alt ="DevX"  border ="0"  align ="absmiddle"  width ="48"  height ="45" >   < font  face ="Verdana" >< small >< small >< small > Read
  a review of WindowBuilder on DevX </ small ></ small ></ small ></ font ></ a >
   < p > &nbsp;
     </ td >
   </ tr >
< tr >
   < td  width ="21"  height ="46" ></ td >
   < td  width ="755"  colspan ="3"  rowspan ="2"  height ="322" >

< p  class ="pbig"  align ="left" >< img  border ="0"  src ="images/WB-32x32.gif"  align ="absmiddle"  width ="32"  height ="32" >
What is Designer? </ p >

< p  align ="justify" >  Designer is a powerful and easy to use two-way Java GUI designer based on
Eclipse SWT technology. It is very easy to &nbsp; create Java GUI applications without
spending a lot of time writing code to display simple forms. With SWT Designer you can
create complicated &nbsp; windows in minutes. Use the visual designer and Java code will be
generated for you. You can easily add controls using drag-and-drop, add event handlers to
your controls, change various properties of controls using a property editor and &nbsp; much
more. </ p >

< p  class ="pbig"  align ="left" > How does it work? </ p >

< p  align ="justify" >  Designer is built as a plugin to  < a
href ="http://www.eclipse.org"  target ="_blank" > Eclipse </ a >  and the various
WebSphere Studio IDEs (WSSD, WSAD, WSED, etc.). The plugin builds an abstract
syntax tree (AST) to navigate the source code and uses  < a
href ="http://www.eclipse.org/gef/"  target ="_blank" > GEF </ a >  to display and manage
the visual presentation. Using WYSIWYG layout tools, you don't need to write any lines of java
code - the code will be generated for you by the designer. You can easily add any control
to a composite by using drag-and-drop, add an event handler to your controls,
change various properties of controls using property editors and &nbsp; < a
href ="../windowbuilder/features.html"  target ="content" > much more </ a > . Generated code doesn't require any
additional non-SWT library to compile and run: all of the generated code can be used
without having Designer installed. Designer can read and write almost any format
and reverse-engineer most hand-written Java GUI code. It also supports free form
code editing (make changes anywherenot just in  < i > special </ i >  areas) and most
user refactorings (you can move, rename and subdivide methods without a
problem).  </ p >

< p  class ="pbig"  align ="left" > Download </ p >

< p  align ="justify" > We offer a free  < a  href ="download.html"  target ="content" > trial </ a >
version of &nbsp;  SWT Designer or can  < a  href ="order.html"  target ="content" > purchase a
license </ a >  of &nbsp;  Designer. &nbsp;   < a  href ="http://www.digibuy.com/cgi-bin/order.html?Instantiatio+106381649216" >
< img  src ="../codepro/images/buyitnow.gif"  alt ="Buy now"
        border ="0"  align ="absmiddle"  width ="68"  height ="15" ></ a >   </ p >

< p  class ="pbig"  align ="left" > Product Brochure </ p >

< div  align ="left" >
   < table  border ="0"  cellpadding ="0"  cellspacing ="0"  width ="349" >
     < tr >
       < td  width ="22" ></ td >
       < td  width ="100" >< a  href ="../windowbuilderpro/WindowBuilderLowRes.pdf" >< img  border ="0"  src ="images/wb-box.gif"  width ="113"  height ="130" ></ a ></ td >
       < td  width ="221" >

< p  align ="justify" >< font  face ="Verdana"  size ="1" >< a  href ="../windowbuilderpro/WindowBuilder.pdf" >< img
           src ="../images/pdf-sm.gif"  alt ="PDF"  align ="absmiddle"  border ="0"  width ="17"  height ="17" >   </ a ></ font >< a  href ="../windowbuilderpro/WindowBuilder.pdf" > HiRes
(4.6MB) </ a >   </ p >

< p  align ="justify" >< font  face ="Verdana"  size ="1" >< a  href ="../windowbuilderpro/WindowBuilderLowRes.pdf" >< img
           src ="../images/pdf-sm.gif"  alt ="PDF"  align ="absmiddle"  border ="0"  width ="17"  height ="17" >   </ a ></ font >< a  href ="../windowbuilderpro/WindowBuilderLowRes.pdf" > LowRes
(0.7MB) </ a >   </ p >
       </ td >
     </ tr >
   </ table >
</ div >
   </ td >
   < td  rowspan ="2"  width ="7"  height ="322" ></ td >
   < td  width ="300"  height ="40" >
       < p  class ="pbig" >< a  href ="../codepro/default.htm"  target ="_top" >
       < img  src ="../codepro/images/32x32codepro.gif"  alt ="CodePro Studio"  border ="0"  align ="absmiddle"  width ="32"  height ="32" >
      Ask &nbsp; us &nbsp; about &nbsp; CodePro </ a ></ p >
   </ td >
</ tr >
< tr >
   < td  width ="21"  height ="276" ></ td >
   < td  width ="300"  valign ="top"  height ="276" >
       < ul >
         < li >< font  size ="1"  color ="#FF0000" >< b > 700 </ b ></ font >< b >< font  color ="#FF0000" >< small > + Code Audit Rules w/ QuickFix </ small ></ font ></ b ></ li >
         < li >< b >< font  color ="#FF0000" >< small > 50+ Code Metrics w/ Drilldown </ small ></ font ></ b ></ li >
         < li >< small >< b >< font  color ="#FF0000" > Powerful Dependency Analyzer </ font ></ b ></ small ></ li >
         < li >< b >< font  color ="#FF0000" >< small > JUnit Test Case Generation  &amp;
          Code Coverage </ small ></ font ></ b ></ li >
         < li >< small >< b >< font  color ="#FF0000" > Design Patterns  &amp;  Code
          Generators </ font ></ b ></ small ></ li >
         < li >< small >< b >< font  color ="#FF0000" > Automated Javadoc Repair </ font ></ b ></ small ></ li >
         < li >< small >< b >< font  color ="#FF0000" > Integrated Spell Checker </ font ></ b ></ small ></ li >
         < li >< small >< b >< font  color ="#FF0000" > Build  &amp;  Deployment Automation </ font ></ b ></ small ></ li >
         < li >< small >< b >< font  color ="#FF0000" > 100's of Productivity Enhancements </ font ></ b ></ small ></ li >
       </ ul >
     < p  align ="center" >< a  href ="../codepro/codeaudit.htm"  target ="_top" >
     < img  src ="../codepro/images/auditrulecount.gif"  border ="0"  align ="center"  width ="91"  height ="51" ></ a ></ td >
</ tr >
< tr >
   < td  width ="1170"  colspan ="6"  height ="21" >

   </ td >
</ tr >
< tr >
   < td  width ="1170"  colspan ="6"  height ="40" >

   </ td >
</ tr >
< tr >
   < td  width ="21"  height ="67" ></ td >
   < td  width ="265"  height ="67"  valign ="top" >
   </ td >
   < td  width ="20"  height ="67"  valign ="top" ></ td >
   < td  width ="466"  height ="67"  valign ="top" >

   </ td >
   < td  width ="7"  height ="67" ></ td >
   < td  width ="325"  height ="67" ></ td >
</ tr >
</ table >
</ body >
</ html >

转载于:https://www.cnblogs.com/xiaotie/archive/2005/09/30/247350.html