Android简明开发教程十二：引路蜂二维图形库简介及颜色示例

AndroidGraphics2DTutorial定义了应用的主Activity，下面就可以开始写每个具体的二维绘图示例。不同的例子将尽量采用不同的UI控件：Menu，Content Menu，Dialog，Custom Dialog，Button等等。例子采用了引路蜂二维图形库，引路蜂二维图形库Graphics 2D API实现了移动平台(Java ME,Blackberry,iPhone,Android,Windows Phone)上图形引擎,它能够以一种统一的方式处理各种基本图形(Shape),路径(Path),文本(Texts),适量字体及图像。 简单的说来，Graphics 2D API实现了与之对应的Java SE上类似的二维图形库API。

主要功能如下：

• 支持各种基本图形：曲线，矩形，椭圆等；支持绘制任意几何图形
• 支持在图形，文体，图象上的碰撞检测
• 增强的颜色扶持及颜色管理
• 控制图形绘制的质量
• 填充，外框，各种线条绘制
• 二维图形变换
• 矢量字体
• 从左到右，从右到左，从上到下显示文体
• 反走样
• 透明度支持
• 图标，及图象绘制

详细的内容可以参见 Silverlight 引路蜂二维图形库示例

我们在Android简明开发教程九：创建应用程序框架 中定义了一个基类Graphics2DActivity作为所有示例Activity的父类：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

public abstract class Graphics2DActivity extends Activity{      protected Graphics2D graphics2D      =SharedGraphics2DInstance.graphics2d;       public void onCreate(Bundle savedInstanceState) {    super .onCreate(savedInstanceState);    setContentView(R.layout.main);   }       protected abstract void drawImage();      public void onStart() {    super .onStart();    drawImage();      } }

其中graphics2D为图形画板对象(Canvas)是以width  x height 的二维整型数组来表示的。这个数组的每个值为一个32为整数。格式为ARGB，分别代表透明度，红色，绿色，蓝色。在画板上的绘制操作（点，线，多边形，填充等）是修改这些颜色值。

R.layout.main 中可以使用GuidebeeGraphics2DSurfaceView 或是GuidebeeGraphics2DView 来作为画板的显示结果。

抽象方法protected abstract void drawImage()；用来绘制不同的内容。

修改com.pstreets.graphics2d.example.Colors 来使用引路蜂二维图形库绘制不同的颜色，如果以前用过Java  SE或是.Net Framework,你会觉得引路蜂二维图形库提供的API和它们非常相似，代码很好理解。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41

public class Colors extends Graphics2DActivity{       protected void drawImage(){             /**        * The solid (full opaque) red color in the ARGB space        */       Color redColor    = new Color( 0xffff0000 );          /**        * The semi-opaque green color in the ARGB space (alpha is 0x78)        */       Color greenColor = new Color( 0x7800ff00 , true );          /**        * The semi-opaque blue color in the ARGB space (alpha is 0x78)        */       Color blueColor = new Color( 0x780000ff , true );       /**        * The semi-opaque yellow color in the ARGB space ( alpha is 0x78)        */       Color yellowColor = new Color( 0x78ffff00 , true );          /**        * The dash array        */       int dashArray[] = { 20 , 8 };       graphics2D.clear(Color.WHITE);       SolidBrush brush= new SolidBrush(redColor);       graphics2D.fillOval(brush, 30 , 60 , 80 , 80 );       brush= new SolidBrush(greenColor);       graphics2D.fillOval(brush, 60 , 30 , 80 , 80 );       Pen pen= new Pen(yellowColor, 10 ,Pen.CAP_BUTT,Pen.JOIN_MITER,dashArray, 0 );       brush= new SolidBrush(blueColor);       graphics2D.setPenAndBrush(pen,brush);       graphics2D.fillOval( null , 90 , 60 , 80 , 80 );       graphics2D.drawOval( null , 90 , 60 , 80 , 80 );          }    }

Colors  Activity非常简单，除View之外，没有其它UI。 按“Back”后可以退回示例列表显示UI。