引路蜂二维图形画笔(Pen)示例含有四个示例,Lines ,Dashes ,LineJoin 和LineCap。打算采用Option Menu(主菜单)的方式来选择不同示例。
首先要对GuidebeeGraphics2DView,和Graphics2DActivity做些改动,从这个示例开始,GuidebeeGraphics2DView需要动态绘制不同图形(可以通过菜单,或是Thread)。在GuidebeeGraphics2DView增加下面两个方法:
final Runnable updateCanvas = new Runnable() { public void run() { invalidate(); } }; public void refreshCanvas(){ post(updateCanvas); }
post可以用在非UI Thread中Call UI Thread中方法。这里只是触发屏幕重绘事件以刷新屏幕显示。
在Graphics2DActivity增加一个变量protected GuidebeeGraphics2DView graphic2dView; 来获得对应的GuidebeeGraphics2DView实例。
graphic2dView=(GuidebeeGraphics2DView)findViewById(R.id.graphics2dview);
使用Option Menu,尽管也可以完全使用代码来创建菜单,更一般的方法是使用菜单资源。在res 下创建menu 子目录,然后在res\menu下创建menu_option_line.xml 用来显示Pen的四个示例选项:
<?xml version=”1.0″ encoding=”utf-8″?>
<menu
xmlns:android=”Http://schemas.android.com/apk/res/android“>
<item
android:id=”@+id/mnuLines”
android:title=”Lines”
android:icon=”@drawable/icon1″>
</item>
<item
android:id=”@+id/mnuDashes”
android:title=”Dashes”
android:icon=”@drawable/icon2″>
</item>
<item
android:id=”@+id/mnuLineCap”
android:title=”LineCap”
android:icon=”@drawable/icon3″>
</item>
<item
android:id=”@+id/mnuLineJoin”
android:title=”LineJoin”
android:icon=”@drawable/icon4″>
</item>
</menu>
<menu></menu> 定义菜单,<item></item>定义菜单项,<item></item>可以嵌套以定义子菜单。菜单可以定义id, Icon,Text等属性。也可以支持单选,多选,此时就需要借助<group></group>,使用group可以把一最菜单项定义为一个组,可以使用setGroupVisible()来显示隐藏整个菜单组,Enable 或是Disable整个菜单组setGroupEnabled()等。最关键的,有了组才能实现菜单的单选和多选功能:
<?xml version=”1.0″ encoding=”utf-8″?>
<menu xmlns:android=”http://schemas.android.com/apk/res/android“>
<item android:id=”@+id/item1″
android:icon=”@drawable/item1″
android:title=”@string/item1″ />
<!– menu group –>
<group android:id=”@+id/group1″>
<item android:id=”@+id/groupItem1″
android:title=”@string/groupItem1″ />
<item android:id=”@+id/groupItem2″
android:title=”@string/groupItem2″ />
</group>
</menu>
定义好菜单资源后,就可以使用MenuInflater.inflate()展开菜单,一般需要在Activity的onCreateOptionsMenu()展开菜单:
@Override public boolean onCreateOptionsMenu(Menu menu) { MenuInflater inflater = getMenuInflater(); inflater.inflate(R.menu.menu_option_line, menu); return true; }
最后是响应菜单事件:
@Override public boolean onOptionsItemSelected(MenuItem item) { menuOption = item.getItemId(); drawImage(); return true; }
item.getItemId(); 返回菜单的ID(在菜单资源中定义)。
完整代码如下:
public class Pen extends Graphics2DActivity { int menuOption; @Override protected void drawImage() { switch (menuOption) { case R.id.mnuLines: drawLines(); break; case R.id.mnuDashes: drawDash(); break; case R.id.mnuLineCap: drawLineCap(); break; case R.id.mnuLineJoin: drawLineJoin(); break; default: drawLines(); break; } graphic2dView.refreshCanvas(); } @Override public boolean onCreateOptionsMenu(Menu menu) { MenuInflater inflater = getMenuInflater(); inflater.inflate(R.menu.menu_option_line, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { menuOption = item.getItemId(); drawImage(); return true; } private void drawLineJoin() { Color blackColor = new Color(0xff000000); Color whiteColor = new Color(0xffffffff); com.mapdigit.drawing.geometry.Path path = new com.mapdigit.drawing.geometry.Path(); path.moveTo(40, 60); path.lineTo(90, 20); path.lineTo(140, 60); // Clear the canvas with white color. graphics2D.clear(Color.WHITE); AffineTransform matrix = new AffineTransform(); graphics2D.setAffineTransform(matrix); com.mapdigit.drawing.Pen pen = new com.mapdigit.drawing.Pen(blackColor, 20, com.mapdigit.drawing.Pen.CAP_BUTT, com.mapdigit.drawing.Pen.JOIN_MITER); graphics2D.draw(pen, path); pen = new com.mapdigit.drawing.Pen(whiteColor, 1); graphics2D.draw(pen, path); matrix.translate(0, 50); graphics2D.setAffineTransform(matrix); pen = new com.mapdigit.drawing.Pen(blackColor, 20, com.mapdigit.drawing.Pen.CAP_BUTT, com.mapdigit.drawing.Pen.JOIN_ROUND); graphics2D.draw(pen, path); pen = new com.mapdigit.drawing.Pen(whiteColor, 1); graphics2D.draw(pen, path); matrix = new AffineTransform(); matrix.translate(0, 100); graphics2D.setAffineTransform(matrix); pen = new com.mapdigit.drawing.Pen(blackColor, 20, com.mapdigit.drawing.Pen.CAP_BUTT, com.mapdigit.drawing.Pen.JOIN_BEVEL); graphics2D.draw(pen, path); pen = new com.mapdigit.drawing.Pen(whiteColor, 1); graphics2D.draw(pen, path); } private void drawLineCap() { Color blackColor = new Color(0xff000000); Color whiteColor = new Color(0xffffffff); // Clear the canvas with white color. graphics2D.clear(Color.WHITE); AffineTransform matrix = new AffineTransform(); graphics2D.setAffineTransform(matrix); com.mapdigit.drawing.Pen pen = new com.mapdigit.drawing.Pen(blackColor, 20, com.mapdigit.drawing.Pen.CAP_BUTT, com.mapdigit.drawing.Pen.JOIN_MITER); graphics2D.drawLine(pen, 40, 60, 140, 60); pen = new com.mapdigit.drawing.Pen(whiteColor, 1); graphics2D.drawLine(pen, 40, 60, 140, 60); pen = new com.mapdigit.drawing.Pen(blackColor, 20, com.mapdigit.drawing.Pen.CAP_ROUND, com.mapdigit.drawing.Pen.JOIN_MITER); graphics2D.drawLine(pen, 40, 100, 140, 100); pen = new com.mapdigit.drawing.Pen(whiteColor, 1); graphics2D.drawLine(pen, 40, 100, 140, 100); pen = new com.mapdigit.drawing.Pen(blackColor, 20, com.mapdigit.drawing.Pen.CAP_SQUARE, com.mapdigit.drawing.Pen.JOIN_MITER); graphics2D.drawLine(pen, 40, 140, 140, 140); pen = new com.mapdigit.drawing.Pen(whiteColor, 1); graphics2D.drawLine(pen, 40, 140, 140, 140); } private void drawLines() { Color greenColor = new Color(0xff00ff00); // Clear the canvas with white color. graphics2D.clear(Color.WHITE); AffineTransform matrix = new AffineTransform(); graphics2D.setAffineTransform(matrix); com.mapdigit.drawing.Pen pen = new com.mapdigit.drawing.Pen(greenColor,1); graphics2D.drawLine(pen, 20, 150, 60, 50); pen = new com.mapdigit.drawing.Pen(greenColor, 2); graphics2D.drawLine(pen, 40, 150, 80, 50); pen = new com.mapdigit.drawing.Pen(greenColor, 3); graphics2D.drawLine(pen, 60, 150, 100, 50); pen = new com.mapdigit.drawing.Pen(greenColor, 5); graphics2D.drawLine(pen, 80, 150, 120, 50); pen = new com.mapdigit.drawing.Pen(greenColor, 7); graphics2D.drawLine(pen, 100, 150, 140, 50); pen = new com.mapdigit.drawing.Pen(greenColor, 10); graphics2D.drawLine(pen, 120, 150, 160, 50); } private void drawDash() { Color blackColor = new Color(0xff000000); int dashArray1[] = { 2, 2 }; int dashArray2[] = { 6, 6 }; int dashArray3[] = { 4, 1, 2, 1, 1, 6 }; // Clear the canvas with white color. graphics2D.clear(Color.WHITE); AffineTransform matrix = new AffineTransform(); graphics2D.setAffineTransform(matrix); com.mapdigit.drawing.Pen pen = new com.mapdigit.drawing.Pen(blackColor, 20, com.mapdigit.drawing.Pen.CAP_BUTT, com.mapdigit.drawing.Pen.JOIN_MITER, dashArray1, 0); graphics2D.drawLine(pen, 40, 60, 140, 60); pen = new com.mapdigit.drawing.Pen(blackColor, 20, com.mapdigit.drawing.Pen.CAP_BUTT, com.mapdigit.drawing.Pen.JOIN_MITER, dashArray2, 0); graphics2D.drawLine(pen, 40, 100, 140, 100); pen = new com.mapdigit.drawing.Pen(blackColor, 20, com.mapdigit.drawing.Pen.CAP_BUTT, com.mapdigit.drawing.Pen.JOIN_MITER, dashArray3, 0); graphics2D.drawLine(pen, 40, 140, 140, 140); } }