Thank you for that awesomely helpful article. In return here is the generic fill routine I wrote based on your article which others may find useful:
import net.rim.device.api.ui.Graphics;
public class GraphicsEx {
static public void drawOptionallyRoundedGradientFilledBox
(Graphics g, int x, int y, int w, int h,
int r1, int r2, int r3, int r4,
int c1, int c2, int c3, int c4) {
int x2 = x+w-1;
int [] xPts = {
x, x, x+r1, x2-r2, x2, x2,
x2, x2, x2-r3, x+r4, x, x
};
int y2 = y+h-1;
int [] yPts = {
y+r1, y, y, y, y, y+r2,
y2-r3, y2, y2, y2, y2, y2-r4
};
int [] gradient = {
c1, c1, c1, c2, c2, c2,
c3, c3, c3, c4, c4, c4,
};
byte [] pointTypes = {
Graphics.CURVEDPATH_END_POINT,
r1 > 0 ? Graphics.CURVEDPATH_QUADRATIC_BEZIER_CONTROL_POINT
: Graphics.CURVEDPATH_END_POINT,
Graphics.CURVEDPATH_END_POINT,
Graphics.CURVEDPATH_END_POINT,
r2 > 0 ? Graphics.CURVEDPATH_QUADRATIC_BEZIER_CONTROL_POINT
: Graphics.CURVEDPATH_END_POINT,
Graphics.CURVEDPATH_END_POINT,
Graphics.CURVEDPATH_END_POINT,
r3 > 0 ? Graphics.CURVEDPATH_QUADRATIC_BEZIER_CONTROL_POINT
: Graphics.CURVEDPATH_END_POINT,
Graphics.CURVEDPATH_END_POINT,
Graphics.CURVEDPATH_END_POINT,
r4 > 0 ? Graphics.CURVEDPATH_QUADRATIC_BEZIER_CONTROL_POINT
: Graphics.CURVEDPATH_END_POINT,
Graphics.CURVEDPATH_END_POINT,
};
g.drawShadedFilledPath(xPts, yPts, pointTypes, gradient, null);
}
}
Where
- g is your graphics object
- x,y are the co-ordinates of the top left corner
- w,h are the dimensions of the rectangle
- r1-r4 are the corner sizes of top left, top right, bottom right and bottom left corners (0 for no corner)
- c1-c4 are the colors for the top left, top right, bottom right and bottom left gradient colours
And here is how I use it to draw the field boxes that mimic the way the UITableView works on iPhone
int c1 = hasFocus ? Color.BLUE : Color.WHITE;
int c2 = hasFocus ? Color.DARKBLUE : Color.WHITE;
int cornersBot = 10;
int cornersTop = 10;
if (index < view.getFieldCount(sectionIndex)-1) cornersBot = 0;
if (index > 0) cornersTop = 0;
GraphicsEx.drawOptionallyRoundedGradientFilledBox(graphics,
0, y, width, rowHeight,
cornersTop, cornersTop, cornersBot, cornersBot,
ct, ct, cb, cb);
