黑莓开发学习入门系列，自己动手实现一个日历软件（五）

如何自定义一个自己的UI组件？

创建一个自定义UI，需要继承自现有的组件或者直接继承Field类，通常我们必须实现layout()和paint()方法用于显示想要的UI界面。

1. layout()方法可在手机屏幕上实现一个具有宽度和高度的区域，调用setExtent(width, height);实现。getPreferredWidth（）、getPreferredHeight（）告诉容器出现在屏幕上合适的高度和宽度

<!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> -->public int getPreferredWidth() {
        return this.getScreen().getWidth() / 7;
    }

    /**
     * Gets the preferred height of the button.
     */
    public int getPreferredHeight() {
        return _labelHeight;
    }

    protected void layout(int width, int height) {
        // Calc width.
        width = getPreferredWidth();

        // Calc height.
        height =getPreferredHeight();

        // Set dimensions.
        setExtent(width, height);
    }

2. paint（）方法使用Graphics对象绘制UI，drawLine, drawRect,drawText

<!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> -->protected void paint(Graphics graphics) {
//        graphics.setColor(0xDDDDDD);
//        graphics.fillRect( 0, 0, getWidth(), getHeight() );
        int textX, textY, textWidth;
        int w = getWidth();
        if (_isBorder == 0) {
            graphics.drawRect(0, 0, w, getHeight());
        }
        textX = 4;
        textY = 2;
        textWidth = w - 6;
        graphics.drawText(_label, textX, textY, (int) (getStyle() 
                & DrawStyle.ELLIPSIS | DrawStyle.HALIGN_MASK), textWidth);
    }

3. 如果要处理键盘和滚轮事件可以实现keyChar()/trackwheelClick()方法

4. 如果在控件获取到焦点，实现onFocus()方法，可查看黑莓自带的例子

贴上完整的代码：CalenderField.java

<!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> -->package org.bulktree.calender;

import net.rim.device.api.ui.*;

class CalenderField extends Field implements DrawStyle {
    public static final int RECTANGLE = 1;
    public static final int TRIANGLE = 2;
    public static final int OCTAGON = 3;

    private String _label;
    private Font _font;
    private int _labelHeight;
    private int _isBorder = 0;//是否有边框0有1无
    
    public CalenderField(String label, int shape, long style) {
        super(style);
        _label = label;
        _font = getFont();
        _labelHeight = _font.getHeight();
    }
    
    public CalenderField(String lable, int shape, long style, int isBorder) {
        super(style);
        _label = lable;
        _font = getFont();
        _labelHeight = _font.getHeight();
        _isBorder = isBorder;
    }

    /**
     * Gets the preferred width of the button.
     */
    public int getPreferredWidth() {
        return this.getScreen().getWidth() / 7;
    }

    /**
     * Gets the preferred height of the button.
     */
    public int getPreferredHeight() {
        return _labelHeight;
    }

    protected void layout(int width, int height) {
        // Calc width.
        width = getPreferredWidth();

        // Calc height.
        height =getPreferredHeight();

        // Set dimensions.
        setExtent(width, height);
    }

    protected void paint(Graphics graphics) {
//        graphics.setColor(0xDDDDDD);
//        graphics.fillRect( 0, 0, getWidth(), getHeight() );
        int textX, textY, textWidth;
        int w = getWidth();
        if (_isBorder == 0) {
            graphics.drawRect(0, 0, w, getHeight());
        }
        textX = 4;
        textY = 2;
        textWidth = w - 6;
        graphics.drawText(_label, textX, textY, (int) (getStyle() 
                & DrawStyle.ELLIPSIS | DrawStyle.HALIGN_MASK), textWidth);
    }
}