Android 画一个太极图实例代码

在Android开发中，有时我们需要自定义视图来实现特定的图形展示，比如本文介绍的如何绘制太极图。太极图由黑白两部分组成，通常表现为一个圆形背景上相互缠绕的两个相反色块。下面我们将详细讲解如何使用Android的Canvas和Path类来实现这个功能。 我们创建一个自定义View类，名为`TestView`，继承自`View`。在构造函数中，我们调用`init()`方法进行初始化操作。在这里，我们主要初始化一个`Paint`对象，用于后续的绘图工作。`Paint`对象设置了颜色、样式、宽度、抗锯齿属性以及透明度。 ```java public class TestView extends View { private Paint mPaint; public TestView(Context context) { this(context, null); } // ... 其他构造函数省略 ... private void init() { initPaint(); } private void initPaint() { mPaint = new Paint(); mPaint.setColor(Color.BLACK); mPaint.setStyle(Paint.Style.FILL); mPaint.setStrokeWidth(10f); mPaint.setAntiAlias(true); mPaint.setAlpha(255); } } ``` 接下来，我们需要在`onSizeChanged()`方法中获取视图的宽度和高度，以便于在中间位置绘制太极图。同时，创建两个`Path`对象，分别用于绘制太极图的两个部分。 ```java private int mWidth; private int mHeight; private Path path0 = new Path(); private Path path1 = new Path(); @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); mWidth = w; mHeight = h; } ``` 在最重要的`onDraw()`方法中，我们首先将绘图坐标系移动到视图的中心，这样可以方便地以视图中心为原点进行绘制。然后，我们逐步绘制太极图的各个部分。 1. 画背景：这里使用黄色填充整个视图。 ```java mPaint.setColor(0xffffff00); path0.addRect(-400, -400, 400, 400, Path.Direction.CW); canvas.drawPath(path0, mPaint); ``` 2. 画白色圆：这是太极图的白色部分，我们清空`path0`，然后添加一个圆形路径。 ```java mPaint.setColor(0xffffffff); path0.rewind(); path0.addCircle(0, 0, 200, Path.Direction.CW); canvas.drawPath(path0, mPaint); ``` 3. 画黑色圆：这是太极图的黑色部分，它覆盖在白色圆上。为了达到太极图的效果，我们需要使用`Path`的布尔运算。这里先画出黑色圆，然后将其与白色圆相减，形成太极图特有的交叉形状。 ```java mPaint.setColor(0xff000000); path1.addCircle(0, 0, 200, Path.Direction.CW); // 创建一个新路径，用于存储黑色圆与白色圆相减的结果 Path subtractPath = new Path(); subtractPath.addPath(path1, path0, Path.Op.DIFFERENCE); canvas.drawPath(subtractPath, mPaint); ``` 4. 绘制太极图的眼睛：太极图通常有两个小圆圈作为眼睛，我们可以使用类似的方法，先画出小圆，再通过布尔运算减去眼睛内部的白色部分。 ```java // 画黑色眼珠 mPaint.setColor(0xff000000); Path eyeBlack = new Path(); eyeBlack.addCircle(-75, 0, 25, Path.Direction.CW); Path eyeWhite = new Path(); eyeWhite.addCircle(-75, 0, 20, Path.Direction.CW); Path eyeSubtract = new Path(); eyeSubtract.addPath(eyeBlack, eyeWhite, Path.Op.DIFFERENCE); canvas.drawPath(eyeSubtract, mPaint); // 画右侧眼珠，步骤相同 // ... 省略 ... ``` 5. 不要忘记更新视图并请求重绘。 ```java postInvalidate(); ``` 以上步骤完成后，一个简单的太极图就在Android应用中绘制出来了。当然，你还可以根据需求添加更多的细节，比如渐变色、动态效果等，让太极图更加生动和真实。通过理解Android的Canvas和Path类，我们可以自由地在屏幕上绘制各种复杂的图形。