AndroidStudio实现能在图片上涂鸦程序

Android Studio实现能在图片上涂鸦程序攻略

1. 准备工作

在开始编写涂鸦程序之前，确保你已经完成以下准备工作：
- 安装Android Studio，并确保其正常运行。
- 创建一个新的Android项目，并设置好相关的配置。

2. 添加涂鸦功能

2.1 导入涂鸦库

在项目的build.gradle文件中，添加以下依赖项：

dependencies {
    implementation 'com.github.QuadFlask:colorpicker:0.0.13'
}

这将导入一个涂鸦库，用于实现在图片上涂鸦的功能。

2.2 创建涂鸦布局

在你的布局文件中，添加一个ImageView和一个Button，用于显示图片和触发涂鸦功能。示例代码如下：

<RelativeLayout xmlns:android=\"http://schemas.android.com/apk/res/android\"
    xmlns:app=\"http://schemas.android.com/apk/res-auto\"
    android:layout_width=\"match_parent\"
    android:layout_height=\"match_parent\">

    <ImageView
        android:id=\"@+id/imageView\"
        android:layout_width=\"match_parent\"
        android:layout_height=\"match_parent\"
        android:scaleType=\"fitXY\" />

    <Button
        android:id=\"@+id/drawButton\"
        android:layout_width=\"wrap_content\"
        android:layout_height=\"wrap_content\"
        android:text=\"Draw\"
        android:layout_alignParentBottom=\"true\"
        android:layout_centerHorizontal=\"true\" />

</RelativeLayout>

2.3 实现涂鸦功能

在你的Activity或Fragment中，添加以下代码来实现涂鸦功能：

import com.flask.colorpicker.ColorPickerDialog;
import com.flask.colorpicker.OnColorSelectedListener;

public class MainActivity extends AppCompatActivity {

    private ImageView imageView;
    private Button drawButton;
    private Bitmap bitmap;
    private Canvas canvas;
    private Paint paint;
    private int selectedColor;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imageView = findViewById(R.id.imageView);
        drawButton = findViewById(R.id.drawButton);

        // 加载图片
        bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.your_image);
        bitmap = bitmap.copy(Bitmap.Config.ARGB_8888, true);
        canvas = new Canvas(bitmap);
        imageView.setImageBitmap(bitmap);

        // 初始化画笔
        paint = new Paint();
        paint.setColor(Color.BLACK);
        paint.setStrokeWidth(5);
        paint.setStyle(Paint.Style.STROKE);

        // 设置涂鸦按钮点击事件
        drawButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                showColorPickerDialog();
            }
        });
    }

    private void showColorPickerDialog() {
        ColorPickerDialog.newBuilder()
                .setDialogType(ColorPickerDialog.TYPE_PRESETS)
                .setDialogId(0)
                .setPresets(new int[] {Color.RED, Color.GREEN, Color.BLUE})
                .setShowAlphaSlider(true)
                .setDialogListener(new ColorPickerDialogListener())
                .show(this);
    }

    private class ColorPickerDialogListener implements ColorPickerDialog.OnColorSelectedListener {
        @Override
        public void onColorSelected(int dialogId, int color) {
            selectedColor = color;
            startDrawing();
        }
    }

    private void startDrawing() {
        imageView.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                float x = event.getX();
                float y = event.getY();

                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        canvas.drawPoint(x, y, paint);
                        break;
                    case MotionEvent.ACTION_MOVE:
                        canvas.drawLine(x, y, event.getX(), event.getY(), paint);
                        break;
                    case MotionEvent.ACTION_UP:
                        break;
                }

                imageView.invalidate();
                return true;
            }
        });
    }
}

3. 示例说明

示例1：涂鸦红色线条

在showColorPickerDialog()方法中，将setPresets()方法的参数修改为new int[] {Color.RED}，即可设置默认颜色为红色。

示例2：涂鸦粗细调整

在onCreate()方法中，修改paint.setStrokeWidth(5)的参数，即可调整涂鸦线条的粗细。例如，将参数修改为10，即可将线条粗细调整为10个像素。

以上就是实现在图片上涂鸦的完整攻略，希望对你有所帮助！