/*
 * PillButtonField.java
 *
 * Research In Motion Limited proprietary and confidential
 * Copyright Research In Motion Limited, 2009-2009
 * 
 * Theming ability added by RyanNickel
 * http://www.ryannickel.com
 */

package com.blackberry.toolkit.ui.component;

import com.blackberry.toolkit.ui.container.PillButtonSet;

import net.rim.device.api.system.*;
import net.rim.device.api.ui.*;
import net.rim.device.api.util.LongIntHashtable;

/**
 * A custom button field
 */
public class PillButtonField extends BaseButtonField
{
    private static final int CORNER_RADIUS = 18;
    
    public static int DRAWPOSITION_LEFT = 0;
    public static int DRAWPOSITION_RIGHT = 1;
    public static int DRAWPOSITION_MIDDLE = 2;
    public static int DRAWPOSITION_SINGLE = 3;
    
    public static final long COLOUR_BORDER              = 0x70afec541cc1667fL; //net.rim.device.api.ui.component.PillButtonField.COLOUR_BORDER;
    public static final long COLOUR_BORDER_FOCUS        = 0x457f474312256dbdL; //net.rim.device.api.ui.component.PillButtonField.COLOUR_BORDER_FOCUS
    public static final long COLOUR_BORDER_SELECTED     = 0x484cd982484a28e0L; //net.rim.device.api.ui.component.PillButtonField.COLOUR_BORDER_SELECTED
    public static final long COLOUR_TEXT                = 0xa00b8dd7ce1b1db1L; //net.rim.device.api.ui.component.PillButtonField.COLOUR_TEXT
    public static final long COLOUR_TEXT_FOCUS          = 0xee3293de59141b4fL; //net.rim.device.api.ui.component.PillButtonField.COLOUR_TEXT_FOCUS
    public static final long COLOUR_TEXT_SELECTED       = 0x45b7eed3e6d47e14L; //net.rim.device.api.ui.component.PillButtonField.COLOUR_TEXT_SELECTED
    public static final long COLOUR_BACKGROUND          = 0x7b66bde7e495f6b4L; //net.rim.device.api.ui.component.PillButtonField.COLOUR_BACKGROUND
    public static final long COLOUR_BACKGROUND_FOCUS    = 0x2f15204ab0ca5d91L; //net.rim.device.api.ui.component.PillButtonField.COLOUR_BACKGROUND_FOCUS
    public static final long COLOUR_BACKGROUND_SELECTED = 0xef45148bf9a8f51bL; //net.rim.device.api.ui.component.PillButtonField.COLOUR_BACKGROUND_SELECTED

    private static final int XPADDING = Display.getWidth() <= 320 ? 6 : 8;
    private static final int YPADDING = Display.getWidth() <= 320 ? 5 : 7;
    
    private String _text;
    private Font _buttonFont;
    private boolean _pressed = false;
    private boolean _selected = false;
    
    private int _width;
    private int _height;
    
    private int _drawPosition = -1;
    private LongIntHashtable _colourTable;
    
    
    public PillButtonField( String text )
    {
        super( Field.FOCUSABLE );
        _text = text;
        _colourTable = new LongIntHashtable();
        _colourTable.put(PillButtonField.COLOUR_BORDER, 0x212121);
        _colourTable.put(PillButtonField.COLOUR_BORDER_FOCUS, 0x212121);
        _colourTable.put(PillButtonField.COLOUR_BORDER_SELECTED, 0x212121);
        _colourTable.put(PillButtonField.COLOUR_TEXT, 0xD6D6D6);
        _colourTable.put(PillButtonField.COLOUR_TEXT_FOCUS, 0xFFFFFF);
        _colourTable.put(PillButtonField.COLOUR_TEXT_SELECTED, 0xFFFFFF);
        _colourTable.put(PillButtonField.COLOUR_BACKGROUND, 0x727272);
        _colourTable.put(PillButtonField.COLOUR_BACKGROUND_FOCUS, 0x125DDE);
        _colourTable.put(PillButtonField.COLOUR_BACKGROUND_SELECTED, 0x32427E);
    }
    
    /**
     * DRAWPOSITION_LEFT | DRAWPOSITION_RIGHT | DRAWPOSITION_MIDDLE | DRAWPOSITION_SINGLE
     * Determins how the field is drawn (border corners)
     */
    public void setDrawPosition( int drawPosition )
    {
        _drawPosition = drawPosition;
    }
    
    public void setColorTable( LongIntHashtable colorTable)
    {
        _colourTable = colorTable;
    }
       
    
    public void setSelected( boolean selected )
    {
        _selected = selected;
        invalidate();
    }
    
    public int getPreferredWidth()
    {
        return 2 * XPADDING + _buttonFont.getAdvance( _text );   // not actually used
    }

    public int getPreferredHeight()
    {
        return 2 * YPADDING + _buttonFont.getHeight();
    }
        
    protected void layout( int width, int height )
    {
        _buttonFont = getFont();
        setExtent( width, getPreferredHeight() );
        _width = getWidth();
        _height = getHeight();
    }
    
    protected void onUnfocus()
    {
        super.onUnfocus();
        if( _pressed ) {
            _pressed = false;
            invalidate();
        }
    }
    
    /**
     * A public way to click this button
     */
    public void clickButton() 
    {
        Manager manager = getManager();
        if( manager instanceof PillButtonSet ) {
            ( ( PillButtonSet ) manager ).setSelectedField( this );
        }
        super.clickButton();
    }
    
    protected boolean navigationClick(int status, int time) {
        _pressed = true;
        invalidate();
        return super.navigationClick( status, time );
    }
    
    protected boolean navigationUnclick(int status, int time) {
        _pressed = false;
        invalidate();
        return true;
    }
    
    protected void paint( Graphics g )
    {
        int oldColour = g.getColor();
        try {
            int foregroundColor;
            if ( _pressed || _selected  ) {
                foregroundColor = _colourTable.get(COLOUR_TEXT_SELECTED);
            } else if( g.isDrawingStyleSet( Graphics.DRAWSTYLE_FOCUS ) ) {
                foregroundColor = _colourTable.get(COLOUR_TEXT_FOCUS);
            } else {
                foregroundColor = _colourTable.get(COLOUR_TEXT);
            }
            
            g.setColor( foregroundColor );
            g.drawText( _text, 0, YPADDING, DrawStyle.HCENTER, _width ); 
        } finally {
            g.setColor( oldColour );
        }
    }
    
    protected void paintBackground( Graphics g )
    {
        int oldColour = g.getColor();
        
        int backgroundColor;
        int borderColor;
        
        if( _pressed ) {
            backgroundColor = _colourTable.get(COLOUR_BACKGROUND_SELECTED);
            borderColor = _colourTable.get(COLOUR_BORDER_SELECTED);
        } else if ( g.isDrawingStyleSet( Graphics.DRAWSTYLE_FOCUS ) ) {
            backgroundColor = _colourTable.get(COLOUR_BACKGROUND_FOCUS) ;
            borderColor = _colourTable.get(COLOUR_BORDER_FOCUS);
        }else if( _selected ) {
            backgroundColor = _colourTable.get(COLOUR_BACKGROUND_SELECTED);
            borderColor = _colourTable.get(COLOUR_BORDER_SELECTED);
        } else {
            backgroundColor = _colourTable.get(COLOUR_BACKGROUND);
            borderColor = _colourTable.get(COLOUR_BORDER);
        }
        
        try {
            if( _drawPosition == 0 ) {
                // Left
                drawButtonBackground( g, 0, 0, getWidth() + CORNER_RADIUS, getHeight(), backgroundColor, borderColor );
                drawSeparator( g, 0, 0, getWidth(), getHeight(), false, true );
            } else if( _drawPosition == 1 ) {
                // Right 
                drawButtonBackground( g, -CORNER_RADIUS, 0, getWidth() + CORNER_RADIUS, getHeight(), backgroundColor, borderColor );
                drawSeparator( g, 0, 0, getWidth(), getHeight(), true, false );
            } else if( _drawPosition == 2 ) {
                // Middle
                drawButtonBackground( g, -CORNER_RADIUS, 0, getWidth() + 2 * CORNER_RADIUS, getHeight(), backgroundColor, borderColor );
                drawSeparator( g, 0, 0, getWidth(), getHeight(), true, true );
            } else {
                // Single
                drawButtonBackground( g, 0, 0, getWidth(), getHeight(), backgroundColor, borderColor );
            }
            
        } finally {
            g.setColor( oldColour );
        }
    }
    
    private void drawButtonBackground( Graphics g, int x, int y, int width, int height, int backgroundColor, int borderColor )
    {
        int oldAlpha = g.getGlobalAlpha();
        try {
            g.setColor( backgroundColor );
            g.fillRoundRect( x, y, width, height, CORNER_RADIUS, CORNER_RADIUS );
            
            g.setGlobalAlpha( 0x44 );
            g.setColor( 0xFFFFFF ); // White highlight
            g.drawRoundRect( x, _selected ? y : y + 1, width, _height - 1, CORNER_RADIUS, CORNER_RADIUS );
            g.setColor( 0x000000 ); // Black lowlight
            g.drawRoundRect( x, _selected ? y + 1: y, width, height - 1, CORNER_RADIUS, CORNER_RADIUS );
            
            g.setGlobalAlpha( 0xFF );
            g.setColor( borderColor );
            g.drawRoundRect( x, y, width, height, CORNER_RADIUS, CORNER_RADIUS );
        } finally {
            g.setGlobalAlpha( oldAlpha );
        }
    }
    
    private void drawSeparator( Graphics g, int x, int y, int width, int height, boolean left, boolean right )
    {
        int oldAlpha = g.getGlobalAlpha();
        try {
            width--;
            g.setGlobalAlpha( 0x33 );
            if( left ) {
                g.setColor( 0x000000 ); // Black lowlight
                g.drawLine( 0, y, 0, y + height );
            } 
            if( right ){
                g.setColor( 0xFFFFFF ); // White highlight
                g.drawLine( width, y, width, y + height );
            }
        } finally {
            g.setGlobalAlpha( oldAlpha );
        }
    }
}

http://www.ryannickel.com

I have updated the PillButtonField that RIM published in order to have the theme customizable in the same way that you can customize their EmbossedButtonField.

Updated PillButtonField in RIM's Advanced UI examples

Java