首頁 > 軟體

AndroidStudio實現能在圖片上塗鴉程式

2022-05-17 16:00:52

本文範例為大家分享了AndroidStudio實現能在圖片上塗鴉的具體程式碼,供大家參考,具體內容如下

一、內容:設計一個能在圖片上塗鴉的程式

二、實現

1. 佈局檔案activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical">
 
    <com.example.asus.test442.HandWrite
        android:layout_width="match_parent"
        android:layout_height="550dp"
        android:id="@+id/hw"/>
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="clear"
            android:id="@+id/btn"/>
 
    </LinearLayout>
 
</LinearLayout>

2. 主控檔案MainActivity.java

package com.example.asus.test442;
 
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
 
public class MainActivity extends AppCompatActivity {
    private HandWrite handWrite = null;
    Button clear = null;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        handWrite = (HandWrite)findViewById(R.id.hw); //關聯view元件
        clear = (Button)findViewById(R.id.btn);
        clear.setOnClickListener(new click());
    }
 
    private class click implements View.OnClickListener {
        @Override
        public void onClick(View view) {
            handWrite.clear();
        }
    }
}

3. 記錄在螢幕上滑動的軌跡,實現在圖片上塗鴉的功能 HandWrite.java

package com.example.asus.test442;
 
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
 
public class HandWrite extends View {
    Paint paint = null;  //定義畫筆
    Bitmap origBit = null;  //存放原始影象
    Bitmap new_1Bit = null;   //存放從原始影象複製的點陣圖影象
    Bitmap new_2Bit = null;      //存放處理後的影象
    float startX = 0,startY = 0;   //畫線的起點座標
    float clickX = 0, clickY = 0;   //畫線的終點座標
    boolean isMove = true;   //設定是否畫線的標記
    boolean isClear = false;    //設定是否清除塗鴉的標記
    int color = Color.BLUE;    //設定畫筆的顏色
    float strokeWidth = 2.0f;    //設定畫筆的寬度
    public HandWrite(Context context, AttributeSet attrs) {
        super(context, attrs);
        // 從資源中獲取原始影象
        origBit = BitmapFactory.decodeResource(getResources(),R.drawable.p1).copy(Bitmap.Config.ARGB_8888,true);
        // 建立原始影象的點陣圖
        new_1Bit = Bitmap.createBitmap(origBit);
    }
 
    // 清除塗鴉
    public void clear() {
        isClear = true;
        new_2Bit = Bitmap.createBitmap(origBit);
        invalidate();
    }
 
    public void setSyle(float strokeWidth) {
        this.strokeWidth = strokeWidth;
    }
 
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawBitmap(HandWriting(new_1Bit),0,0,null);
    }
 
    private Bitmap HandWriting(Bitmap newBit) {  //記錄繪製圖形
        Canvas canvas = null;  // 定義畫布
        if (isClear) {  // 建立繪製新圖形的畫布
            canvas = new Canvas(new_2Bit);
        }
        else {
            canvas = new Canvas(newBit);  //建立繪製原圖形的畫布
        }
 
        paint = new Paint();
        paint.setStyle(Paint.Style.STROKE);
        paint.setAntiAlias(true);
        paint.setColor(color);
        paint.setStrokeWidth(strokeWidth);
 
        if (isMove){
            canvas.drawLine(startX,startY,clickX,clickY,paint);  // 在畫布上畫線條
        }
        startX = clickX;
        startY = clickY;
 
        if (isClear){
            return new_2Bit;  // 返回新繪製的影象
        }
        return newBit;  // 若清屏,則返回原影象
    }
 
    // 定義觸控式螢幕事件
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        clickX = event.getX();  // 獲取觸控座標位置
        clickY = event.getY();
        if (event.getAction() == MotionEvent.ACTION_DOWN) {  // 按下螢幕時無繪圖
            isMove = false;
            invalidate();
            return true;
        } else if (event.getAction() == MotionEvent.ACTION_MOVE) {  // 記錄在螢幕上划動的軌跡
            isMove = true;
            invalidate();
            return true;
        }
        return super.onTouchEvent(event);
    }
}

三、效果

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援it145.com。


IT145.com E-mail:sddin#qq.com