一、首先實(shí)現(xiàn)頁面布局排版:利用SubMenu來實(shí)現(xiàn)：
1、menu目錄下menu.xml文件：
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:title="@string/color">
<menu>
<!-- 定義一組單選菜單項(xiàng) -->
<group android:checkableBehavior="single">
<!-- 定義多個菜單項(xiàng) -->
<item android:id="@+id/red"
android:title="@string/color_red"/>
<item android:id="@+id/green"
android:title="@string/color_green"/>
<item android:id="@+id/blue"
android:title="@string/color_blue"/>
</group>
</menu>
</item>
<item android:title="@string/width">
<menu>
<!-- 定義一組菜單項(xiàng) -->
<group>
<!-- 定義三個菜單項(xiàng) -->
<item android:id="@+id/width_1"
android:title="@string/width_1"/>
<item android:id="@+id/width_3"
android:title="@string/width_3"/>
<item android:id="@+id/width_5"
android:title="@string/width_5"/>
</group>
</menu>
</item>
<item android:id="@+id/blur" android:title="@string/blur"/>
<item android:id="@+id/emboss" android:title="@string/emboss"/>
</menu>
note：
在string.xml中定義相應(yīng)的值（不再詳細(xì)寫出）
在MainActivity.java中設(shè)置：
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu, menu);
return true;
}
二、建立DrawView類
public class DrawView extends View {
// 1.第一記錄前一個拖動事件發(fā)生點(diǎn)的坐標(biāo)
float preX;
float preY;
// 2.定義一個內(nèi)存中的圖片，該圖片作為緩存區(qū)
Bitmap cacheBitmap = null;
// 3.定義Bitmap上的Canvas對象
Canvas cacheCanvas = null;
Paint paint = null;
Path path = null;
public DrawView(Context context, int width, int height) {
super(context);
// 4.創(chuàng)建一個與該view相同大小的緩存區(qū)
cacheBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
cacheCanvas = new Canvas();
path = new Path();// --------(為什么要在構(gòu)造函數(shù)中去初始化path對象)
// 5.設(shè)置cacheCanvas將會繪制到內(nèi)存中的cacheBitmap上
cacheCanvas.setBitmap(cacheBitmap);
// 6.這時需要設(shè)置畫筆的顏色及風(fēng)格（去前面定義）
// 為什么不這么寫paint=new Paint();防抖動---Paint.DITHER_FLAG
paint = new Paint(Paint.DITHER_FLAG);
paint.setColor(Color.RED);
paint.setStrokeWidth(3);
paint.setStyle(Paint.Style.STROKE);
paint.setAntiAlias(true);
paint.setDither(true);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
// 7.獲取拖動事件的發(fā)生位置
float x = event.getX();
float y = event.getY();
// Note:手指的初次觸摸(ACTION_DOWN操作)，滑動(ACTION_MOVE操作)和抬起(ACTION_UP)都會創(chuàng)建MotionEvent對象
// 在手指滑動屏幕時，會產(chǎn)生相應(yīng)的路徑，故還要定義一個path對象
// 8.執(zhí)行動作進(jìn)行判斷
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
// 從 前一個點(diǎn) 繪制到 當(dāng)前點(diǎn)之后，把 當(dāng)前點(diǎn) 定義成下次繪制的 前一個點(diǎn)
path.moveTo(x, y);
preX = x;
preY = y;
break;
case MotionEvent.ACTION_MOVE:
// 從 前一個點(diǎn)繪制到當(dāng)前點(diǎn)之后，把當(dāng)前點(diǎn)定義成下次繪制的前一個點(diǎn)
// 該方法的實(shí)現(xiàn)是當(dāng)我們不僅僅是畫一條線甚至是畫弧線時會形成平滑的曲線，該曲線又稱為"貝塞爾曲線"
// 其中，x1，y1為控制點(diǎn)的坐標(biāo)值，x2，y2為終點(diǎn)的坐標(biāo)值；
path.quadTo(preX, preY, x, y);
preX = x;
preY = y;
break;
case MotionEvent.ACTION_UP:
cacheCanvas.drawPath(path, paint);
path.reset();// 手指離開重新設(shè)置路徑
break;
default:
break;
}
invalidate();
// 9. 返回true表明處理方法已經(jīng)處理該事件
return true;
}
@Override
protected void onDraw(Canvas canvas) {
Paint bmpaint = new Paint();
// 10.將cacheBitmap繪制到該View組件上
canvas.drawBitmap(cacheBitmap, 0, 0, bmpaint);
// 11.沿著path繪制
canvas.drawPath(path, paint);
}
}
三、實(shí)現(xiàn)相應(yīng)功能：
360反饋意見截圖16540608648898.png
@Override
// 菜單項(xiàng)被單擊后的回調(diào)方法
public boolean onOptionsItemSelected(MenuItem mi) {
// 判斷單擊的是哪個菜單項(xiàng)，并有針對性地作出響應(yīng)
switch (mi.getItemId()) {
case R.id.red:
drawView.paint.setColor(Color.RED);
mi.setChecked(true);
break;
case R.id.green:
drawView.paint.setColor(Color.GREEN);
mi.setChecked(true);
break;
case R.id.blue:
drawView.paint.setColor(Color.BLUE);
mi.setChecked(true);
break;
case R.id.width_1:
drawView.paint.setStrokeWidth(1);
break;
case R.id.width_3:
drawView.paint.setStrokeWidth(3);
break;
case R.id.width_5:
drawView.paint.setStrokeWidth(5);
break;
case R.id.blur:
drawView.paint.setMaskFilter(blur);
break;
case R.id.emboss:
drawView.paint.setMaskFilter(emboss);
break;
}
return true;
}
