基於 Lotus Expeditor 平臺構建可定製外觀的自定義控制元件

				
 countdown.css 
 1  @import url("platform.:/plugin/com.ibm.notes.branding/themes/notes.css"); 	
 2 	 	
 3  countdown { 	
 4 	 background-color: rgb(255,157,255); 
 5 	 background-image: url(images/bk.jpg); 
 6  } 	
 7 	 	
 8  digit { 	
 9 	 color:rgb(254,254,254); 
 10 	 background-color: rgb(255,157,255); 
 11 	 font-family: Century Gothic, STCaiyun, Apple Chancery; 
 12 	 font-weight: bold; 
 13 	 font-size: x-large; 
 14 } 	
 15 	
 16 .Indicator { 	
 17 	 color: rgb(254,254,254); 
 18 	 font-family: YouYuan, Apple Chancery; 
 19 	 font-weight: bold; 
 20 	 font-size: large; 
 21 } 	
 22 	
 23 .CountdownUnit { 	
 24 	 color:rgb(254,254,254); 
 25 	 font-family: Times New Roman, Apple Chancery; 
 26 	 font-weight:100; 
 27 	 font-size:xx-small; 
 28 } 	
 29 	
 30 button.Resetbutton { 	
 31 	 color: white; 
 32 	 font-family: Times New Roman, Apple Chancery; 	
 33 	 font-size:medium; 	
 34 	 font-weight: normal; 	
 35 	 border-top-width: 1; 	
 36 	 border-left-width: 1; 	
 37 	 border-bottom-width: 1; 	
 38 	 border-right-width: 1; 	
 39 	 border-radius: 5; 	
 40 	 background-color: 	
 41 		 rgb(232,198,232), 
 42 		 rgb(169,71,169), 
 43 		 rgb(198,117,198), 
 44 		 rgb(191,104,191), 
 45 		 35%, 85%, 100%; 
 46 } 

				
 1 public class Countdown extends Composite implements StyledWidget {
 2                 
 3     //style. elements name
 4     public static final String DIGIT          = "digit"; //$NON-NLS-1$
 5     public static final String COUNT_DOWN        = "countdown"; //$NON-NLS-1$
 6     public static final String INDICATOR         = "Indicator"; //$NON-NLS-1$
 7     public static final String RESET_BTN         = "Resetbutton"; //$NON-NLS-1$
 8     public static final String COUNT_DOWN_UNIT = "CountdownUnit"; //$NON-NLS-1$
 9                        
 10    private CountdownSkin skin = null;
 11    。。。。。。
 12    public void setNative(boolean arg0) {
 13        //do nothing 
 14    }   
 15 
 16    public StyledElement[] getStyledElements() {
 17        String id = DefaultStyledElement.getElementIdFromWidget(this);
 18        String clazz = DefaultStyledElement.getElementClassFromWidget(this);
 19        StyledElement countdown = new DefaultStyledElement(COUNT_DOWN, null, clazz,
 20                                StyledWidget.NORMAL, id, skin, this); 
 21        StyledElement digit = new DefaultStyledElement(DIGIT, null, null, 
 22                                StyledWidget.NORMAL, id, skin, this); 
 23        return new StyledElement[] { countdown, digit }; 
 24    }
 25 
 26    ...... 
 27 } 

public DefaultStyledElement(
    String element, 
    String pseudoElement, 
    String clazz, 
    String pseudoClass, 
    String id, 
    StyledSkin skin, 
    Control control) 

public DefaultStyledElement(
    StyledElement parentElement, 
    String element, 
    String pseudoElement, 
    String clazz, 
    String pseudoClass, 
    String id, 
    StyledSkin skin, 
    Control control) 

				
 1   public class CountdownSkin implements StyledSkin {
 2         
 3       //style. properties for countdown 
 4       protected Color countDownBkColor; 
 5       protected Image countDownBkImg; 
 6         
 7       //style. properties for countdown digit 
 8       protected Color digitForeColor; 
 9       protected Font digitFont; 
 10     protected Color digitBkColor; 
 11        
 12     public void setStyles(StyledElement styledElement, Map styles) { 
 13         if (styles == null) { 
 14             initDefaultStyles(); 
 15         } else { 
 16             String elementName = styledElement.getElementName(); 
 17             if (elementName.equals(Countdown.COUNT_DOWN)) { 
 18                 countDownBkColor = (Color)styles.get(StyledWidget
                      .BACKGROUND_COLOR_PROPERTY);   
 19                 countDownBkImg = (Image)styles.get(StyledWidget
                      .BACKGROUND_IMAGE_PROPERTY); 
 20             } else if (elementName.equals(Countdown.DIGIT)) { 
 21                 digitForeColor = (Color)styles.get(StyledWidget.COLOR_PROPERTY); 
 22                 digitBkColor = (Color)styles.get(StyledWidget
                      .BACKGROUND_COLOR_PROPERTY); 
 23                 digitFont = ((Font)styles.get(StyledWidget.FONT_PROPERTY));
 24             } 
 25         }
 26     } 
 27        
 28     private void initDefaultStyles() { 
 29         Display defaultDisplay = Display.getDefault(); 
 30         countDownBkColor = defaultDisplay.getSystemColor(SWT
              .COLOR_WIDGET_BACKGROUND); 
 31         digitForeColor = defaultDisplay.getSystemColor(SWT
              .COLOR_INFO_FOREGROUND); 
 32         digitBkColor = defaultDisplay.getSystemColor(SWT
              .COLOR_WIDGET_BACKGROUND); 
 33    } 
 34 } 

				
 1 public class Countdown extends Composite implements StyledWidget { 
 2     public Countdown(Composite parent, int style) { 
 3         super(parent, style); 
 4         setBackgroundMode(SWT.INHERIT_DEFAULT); 
 5         skin = new CountdownSkin(); 
 6         createControl(); 
 7         ...... 
 8         hookListeners(); 
 9     }   
 10        
 11    private void hookListeners() { 
 12        addPaintListener(new PaintListener() { 
 13             public void paintControl(PaintEvent event) { 
 14                  onPaint(event); 
 15             } 
 16        }); 
 17    }   
 18        
 19    private void onPaint(PaintEvent paintEvent) { 
 20        // Draw background 
 21        setBackground(skin.countDownBkColor); 
 22                
 23        // style. change or paint event. 
 24        if (skin.countDownBkImg != null) { 
 25            if (!skin.countDownBkImg.equals(bkImg)) { 
 26                // style. change 
 27                bkImg = skin.countDownBkImg; 
 28                if (bkScaledImg != null) { 
 29                    bkScaledImg.dispose(); 
 30                    bkScaledImg = null; 
 31                }                                       
 32                Rectangle imgBound = bkImg.getBounds(); 
 33                Rectangle rec = getBounds(); 
 34                ImageData imgData = bkImg.getImageData(); 
 35                Image img = bkImg; 
 36                if (rec.width != imgBound.width || rec.height != imgBound.height) { 
 37                    imgData = imgData.scaledTo(rec.width, rec.height); 
 38                    bkScaledImg = new Image(null, imgData); 
 39                    setBackgroundImage(img); 
 40                } else { 
 41                    setBackgroundImage(img); 
 42                } 
 43                                
 44            } else { 
 45                // Paint or Move 
 46                Image img = bkImg; 
 47                if (bkScaledImg != null) { 
 48                    img = bkScaledImg; 
 49                } 
 50                                
 51                Rectangle imgBound = img.getBounds(); 
 52                Rectangle rec = getBounds(); 
 53                ImageData imgData = img.getImageData(); 
 54                if ((rec.width != imgBound.width || rec.height != imgBound.height) 
                         && rec.width != 0 && rec.height != 0) { 
 55                    imgData = imgData.scaledTo(rec.width, rec.height); 
 56                    bkScaledImg = new Image(null, imgData); 
 57                    setBackgroundImage(bkScaledImg); 
 58                } else { 
 59                    setBackgroundImage(img); 
 60                } 
 61            } 
 62        } else { 
 63            if (bkScaledImg != null) { 
 64                bkScaledImg.dispose(); 
 65                bkScaledImg = null; 
 66            } 
 67            bkImg = null; 
 68            setBackgroundImage(null); 
 69         } 
 70                
 71         day.onPaint(); 
 72         hour.onPaint(); 
 73         minute.onPaint(); 
 74         second.onPaint(); 
 75    } 
 76    ...... 
 77} 

				
 1 public class Digit extends Item { 
 2 
 3         private static final Rectangle blankRectangle = new Rectangle(0,0,0,0); 
 4 
 5         private String text; 
 6         private Composite parent = null; 
 7         private Rectangle bound = null; 
 8         private CountdownSkin skin = null; 
 9 
 10        ...... 
 11 
 12        protected void onPaint() { 
 13                if (isDisposed() || parent.isDisposed() 
 14                   || bound == null || bound.equals(blankRectangle)) { 
 15                        return; 
 16                } 
 17                
 18                GC gc = new GC(parent); 
 19                
 20                if (skin.digitBkColor != null) { 
 21                        gc.setBackground(skin.digitBkColor); 
 22                } else { 
 23                        gc.setBackground(parent.getBackground()); 
 24                } 
 25                gc.fillRectangle(bound); 
 26                
 27                if (text == null) { 
 28                        text = ""; //$NON-NLS-1$ 
 29                } 
 30                
 31                if (skin.digitForeColor != null) { 
 32                        gc.setForeground(skin.digitForeColor); 
 33                } 
 34                if (skin.digitFont != null && !skin.digitFont.isDisposed()) { 
 35                        gc.setFont(skin.digitFont); 
 36                } 
 37        
 38                Point size = gc.textExtent(text); 
 39                int x = (bound.width - size.x)/2; 
 40                if (x > 0) { 
 41                        x += bound.x; 
 42                } else { 
 43                        x = bound.x; 
 44                } 
 45                
 46                int y = (bound.height - size.y)/2;              
 47                if (y > 0) { 
 48                        y += bound.y; 
 49                } 
 50                else { 
 51                        y = bound.y;                    
 52                } 
 53                gc.drawText(text, x, y, SWT.DRAW_TRANSPARENT); 
 54                                
 55                gc.dispose(); 
 56        } 
 57} 

				
ServiceTracker themeServiceTracker = new ServiceTracker(context, 
    IThemeService.class.getName(), null); 
themeServiceTracker.open();              
IThemeService themeService = (IThemeService)themeServiceTracker.getService(); 
StyleService styleService = themeService.getStyleService(); 

				
StyleService styleService = Display.getCurrent().getData(StyleService.class.getName()); 

				
1 public Countdown(Composite parent, int style) {
2       super(parent, style);
3       setBackgroundMode(SWT.INHERIT_DEFAULT);
4       skin = new CountdownSkin();
5       createControl();
6       StyleService styleService = (StyleService) getDisplay().getData(
7               StyleService.class.getName());
8       if (styleService != null) {
9               styleService.style(this, false, true);
10      }
11      hookListeners();
12}	

 public void style(Control control) 
 public void style(final Control control, boolean styleChildren) 
 public void style(final Control control, boolean styleChildren, boolean notify) 

				
1 public Countdown(Composite parent, int style) {                         
2       。。。。。。                                               
3       StyleService styleService = (StyleService) getDisplay().getData(
4            StyleService.class.getName());
5       if (styleService != null) {                                     
6             styleService.style(indicator); 
7             styleService.style(dayslbl); 
8             styleService.style(hourslbl); 
9             styleService.style(minuteslbl); 
10           styleService.style(secondslbl);                         
11           styleService.style(this, false, true);                  
12      }                                                               
13      hookListeners();                                                
14}

				
1 public class Countdown extends Composite implements StyledWidget {
2       public static final String INDICATOR = "Indicator"; //$NON-NLS-1$
3       public static final String COUNT_DOWN_UNIT = "CountdownUnit"; //$NON-NLS-1$
4       ......
5       private void createControl() {
6               ......
7 
8               indicator = new Label(root, SWT.NONE);
9               indicator.setLayoutData(new GridData(GridData.FILL_HORIZONTAL));
10             indicator.setText(indicatorValue);
11             indicator.setData(StyleService.CLASS, INDICATOR);
			

				
1 public class Countdown extends Composite implements StyledWidget {
2       public static final String RESET_BTN = "Resetbutton"; //$NON-NLS-1$
3       ......
4       private void createControl() {
5               ...... 
6                 resetBtn = new SButton(root, SWT.NONE);
7                 resetBtn.setData(StyleService.CLASS, RESET_BTN);
8                ......
			

				
	 button.Resetbutton:hover{ 
	 border-color: rgb(45,100,4); 
	 background-color: 
		 rgb(211,247,186), 
		 rgb(100,186,37), 
		 rgb(168,226,67), 
		 rgb(122,202,65), 
		 35%, 85%, 100%; 
 } 

     button.Resetbutton:pressed { 
	 border-color: rgb(45,100,4); 
	 background-color: 
		 rgb(60,129,9), 
		 rgb(60,129,9), 		
		 rgb(145,205,42), 
		 rgb(102,182,33), 		
		 rgb(91,177,30), 
		 rgb(81,170,17), 		
		 rgb(98,177,41), 
		 rgb(114,194,59), 
		 rgb(122,202,65), 
		 1%, 1%, 34%, 34%, 64%, 64%, 94%, 100%; 
 } 

StyledElement digitFocus = new DefaultStyledElement(COUNT_DOWN, null, null, 
    StyledWidget.FOCUS, id, skin, this)