黑莓开发第二篇：经典九宫格设计

 

做黑莓UI开发一般都会遇到九宫格问题，现将我最近写的一小段例子分享一下。

 

MainUIScreen ：负责九宫格布局的

 

/** * */ package com.blackberry.ui; import net.rim.device.api.system.Bitmap; import net.rim.device.api.ui.Field; import net.rim.device.api.ui.FieldChangeListener; import net.rim.device.api.ui.component.Dialog; import net.rim.device.api.ui.container.FlowFieldManager; import net.rim.device.api.ui.container.MainScreen; import com.blackberry.ui.component.BitmapLabelField; import com.blackberry.ui.container.ForegroundManager; /** * @author zhqguo * @date 2011-4-29 * @version 1.0 * */ public class MainUIScreen extends MainScreen { private ForegroundManager _foreground; private FlowFieldManager _manager; public MainUIScreen() { super(NO_VERTICAL_SCROLL | USE_ALL_HEIGHT | USE_ALL_WIDTH); setTitle("黑莓九宫格设计"); _foreground = new ForegroundManager(); _manager = new FlowFieldManager(); BitmapLabelField bf1 = new BitmapLabelField("测试模块", Bitmap .getBitmapResource("png-0015.png")); bf1.setChangeListener(new FieldChangeListener() { public void fieldChanged(Field field, int context) { Dialog.alert("Hello"); } }); BitmapLabelField bf2 = new BitmapLabelField("测试模块", Bitmap .getBitmapResource("png-0015.png")); bf2.setChangeListener(new FieldChangeListener() { public void fieldChanged(Field field, int context) { Dialog.alert("Hello"); } }); BitmapLabelField bf3 = new BitmapLabelField("测试模块", Bitmap .getBitmapResource("png-0015.png")); BitmapLabelField bf4 = new BitmapLabelField("测试模块", Bitmap .getBitmapResource("png-0015.png")); BitmapLabelField bf5 = new BitmapLabelField("测试模块", Bitmap .getBitmapResource("png-0015.png")); BitmapLabelField bf6 = new BitmapLabelField("测试模块", Bitmap .getBitmapResource("png-0015.png")); BitmapLabelField bf7 = new BitmapLabelField("测试模块", Bitmap .getBitmapResource("png-0015.png")); BitmapLabelField bf8 = new BitmapLabelField("测试模块", Bitmap .getBitmapResource("png-0015.png")); BitmapLabelField bf9 = new BitmapLabelField("测试模块", Bitmap .getBitmapResource("png-0015.png")); setMargin(bf1); setMargin(bf2); setMargin(bf3); setMargin(bf4); setMargin(bf5); setMargin(bf6); setMargin(bf7); setMargin(bf8); setMargin(bf9); _manager.add(bf1); _manager.add(bf2); _manager.add(bf3); _manager.add(bf4); _manager.add(bf5); _manager.add(bf6); _manager.add(bf7); _manager.add(bf8); _manager.add(bf9); _foreground.add(_manager); add(_foreground); } /** * 设置图标显示位置 * * @param bf */ private void setMargin(BitmapLabelField bf) { bf.setMargin(10, 60, 10, 60); } }  

 

BitmapLabelField ：设置图标和文字显示样式 

 

package com.blackberry.ui.component; import net.rim.device.api.system.Bitmap; import net.rim.device.api.system.Characters; import net.rim.device.api.ui.Color; import net.rim.device.api.ui.Field; import net.rim.device.api.ui.Font; import net.rim.device.api.ui.Graphics; import net.rim.device.api.ui.XYRect; /** * * @author zhqguo * @date 2011-4-28 * @version 1.0 * */ public class BitmapLabelField extends Field { private String _title; private Bitmap _bitmap; public BitmapLabelField(String title, Bitmap bitmap) { this(title, bitmap, 0); } public BitmapLabelField(String title, Bitmap bitmap, long style) { super(Field.FOCUSABLE | style); _title = title; _bitmap = bitmap; } /** * 设置显示区域大小 */ protected void layout(int width, int height) { setExtent(80, 90); } /** * 设置图标显示位置 */ protected void paint(Graphics g) { g.drawBitmap(8, 0, _bitmap.getWidth(), _bitmap.getHeight(), _bitmap, 0, 0); g.setFont(g.getFont().derive(Font.BOLD, 21)); g.drawText(_title, 0, _bitmap.getHeight() + 4, g.HCENTER); } /** * 设置域选中时的样式 */ protected void drawFocus(Graphics g, boolean on) { g.setDrawingStyle(Graphics.DRAWSTYLE_FOCUS, true); paintBackground(g); paint(g); } /** * 设置域的背景 */ protected void paintBackground(Graphics g) { if (!isFocus()) { super.paintBackground(g); return; } int oldColour = g.getColor(); try { XYRect rt = getExtent(); XYRect rect = new XYRect(0, 0, rt.width, rt.height); SfBackgroundFactory.createLinearGradientRoundBackground(Color.BLUE, Color.BLUE, Color.LIGHTSKYBLUE, Color.LIGHTSKYBLUE, 20, 20) .draw(g, rect); } finally { g.setColor(oldColour); } } protected boolean keyChar(char character, int status, int time) { if (character == Characters.ENTER) { clickButton(); return true; } return super.keyChar(character, status, time); } protected boolean navigationClick(int status, int time) { clickButton(); return true; } protected boolean trackwheelClick(int status, int time) { clickButton(); return true; } protected boolean invokeAction(int action) { switch (action) { case ACTION_INVOKE: { clickButton(); return true; } } return super.invokeAction(action); } public void setDirty(boolean dirty) { // We never want to be dirty or muddy } public void setMuddy(boolean muddy) { // We never want to be dirty or muddy } /** * A public way to click this button */ public void clickButton() { fieldChangeNotify(0); } }