Android圖形之PathEffect類

1.PathEffect API示例給出了如何應用每一種效果的指導說明。
到目前為止，所有的效應都會影響到Paint填充圖像的方式；PathEffect是用來控制繪制輪廓(線條)的方式。

PathEffect對於繪制Path基本圖形特別有用，但是它們也可以應用到任何Paint中從而影響線條繪制的方式。

使用PathEffect，可以改變一個形狀的邊角的外觀並且控制輪廓的外表。Android包含了多個PathEffect，包括：

CornerPathEffect  可以使用圓角來代替尖銳的角從而對基本圖形的形狀尖銳的邊角進行平滑。

DashPathEffect  可以使用DashPathEffect來創建一個虛線的輪廓(短橫線/小圓點)，而不是使用實線。你還可以指定任意的虛/實線段的重復模式。

DiscretePathEffect  與DashPathEffect相似，但是添加了隨機性。當繪制它的時候，需要指定每一段的長度和與原始路徑的偏離度。

PathDashPathEffect  這種效果可以定義一個新的形狀(路徑)並將其用作原始路徑的輪廓標記。

下面的效果可以在一個Paint中組合使用多個Path Effect。

ComposePathEffect  將兩種效果組合起來應用，先使用第一種效果，然后在這種效果的基礎上應用第二種效果。

SumPathEffect  順序地在一條路徑中添加兩種效果，這樣每一種效果都可以應用到原始路徑中，而且兩種結果可以結合起來。

對象形狀的PathEffect的改變會影響到形狀的區域。這就能夠保證應用到相同形狀的填充效果將會繪制到新的邊界中。

使用setPathEffect方法可以把PathEffect應用到Paint對象中。

2.下面的示例將會逐一使用上面的繪制效果

package com.example.myandroidtest2;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.ComposePathEffect;
import android.graphics.CornerPathEffect;
import android.graphics.DashPathEffect;
import android.graphics.DiscretePathEffect;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PathDashPathEffect;
import android.graphics.PathEffect;
import android.graphics.SumPathEffect;
import android.os.Bundle;
import android.view.View;

public class PathTest extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new MyView(this));
    }

    class MyView extends View {
        float phase;
        PathEffect[] effects = new PathEffect[7];
        int[] colors;
        private Paint paint;
        Path path;

        public MyView(Context context) {
            super(context);
            paint = new Paint();
            paint.setStyle(Paint.Style.STROKE);
            paint.setStrokeWidth(4);
            // 創建,並初始化Path
            path = new Path();
            path.moveTo(0, 0);
            for (int i = 1; i <= 15; i++) {
                // 生成15個點,隨機生成它們的坐標,並將它們連成一條Path
                path.lineTo(i * 20, (float) Math.random() * 60);
            }
            // 初始化七個顏色
            colors = new int[] { Color.BLACK, Color.BLUE, Color.CYAN, Color.GREEN, Color.MAGENTA, Color.RED,
                    Color.YELLOW };
        }

        @SuppressLint("DrawAllocation")
        protected void onDraw(Canvas canvas) {
            // 將背景填充成白色
            canvas.drawColor(Color.WHITE);
            // -------下面開始初始化7中路徑的效果
            // 使用路徑效果
            effects[0] = null;
            // 使用CornerPathEffect路徑效果
            effects[1] = new CornerPathEffect(10);
            // 初始化DiscretePathEffect
            effects[2] = new DiscretePathEffect(3.0f, 5.0f);
            // 初始化DashPathEffect
            effects[3] = new DashPathEffect(new float[] { 20, 10, 5, 10 }, phase);
            // 初始化PathDashPathEffect
            Path p = new Path();
            p.addRect(0, 0, 8, 8, Path.Direction.CCW);
            effects[4] = new PathDashPathEffect(p, 12, phase, PathDashPathEffect.Style.ROTATE);
            // 初始化PathDashPathEffect
            effects[5] = new ComposePathEffect(effects[2], effects[4]);
            effects[6] = new SumPathEffect(effects[4], effects[3]);
            // 將畫布移到8,8處開始繪制
            canvas.translate(8, 8);
            // 依次使用7中不同路徑效果,7種不同的顏色來繪制路徑
            for (int i = 0; i < effects.length; i++) {
                paint.setPathEffect(effects[i]);
                paint.setColor(colors[i]);
                canvas.drawPath(path, paint);
                canvas.translate(0, 60);
            }
            // 改變phase值,形成動畫效果
            phase += 1;
            invalidate();
        }
    }
}