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

本文实例为大家分享了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);
    }
}

三、效果

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • android中实现在ImageView上随意画线涂鸦的方法

    我实现的思路: 1.继承ImageView类 2.重写onTouchEvent方法,在ACTION_MOVE(即移动时),记录下所经过的点坐标,在ACTION_UP时(即手指离开时,这时一条线已经画完),将所画的线(点的集合)保存在一个集合中 3.重写onDraw方法,利用canvas和所记录下的线和点画出线来 可能我讲的十分笼统,下面来看看实际的代码吧 //代表ImageView上的一点 public class ViewPoint { float x; float y; } //表示一条线

  • Android实现Path平滑的涂鸦效果实例

    前言 在最近的一个项目中做了一个涂鸦的效果,手指快速移动,会出现折线,这篇文章记录笔触优化.下面话不多说了,来一起看看详细的介绍吧. 优化前 优化 设计到的类:Paint,Path Path类记录了坐标点集合决定线条轨迹,Paint决定怎么画 Paint处理 //连接的外边缘以圆弧的方式相交 paint.setStrokeJoin(Paint.Join.ROUND); //线条结束处绘制一个半圆 paint.setStrokeCap(Paint.Cap.ROUND); Path处理 这里用的到有

  • Android编程实现在Bitmap上涂鸦效果

    本文实例讲述了Android编程实现在Bitmap上涂鸦效果.分享给大家供大家参考,具体如下: 布局文件: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" andro

  • android 实现在照片上绘制涂鸦的方法

    这个应该是简易版的美图秀秀(小伙伴们吐槽:你这也叫简易版的??我们看着怎么不像啊--).好吧,只是在图片上绘制涂鸦,然后保存. 一.选择图片 这个道长有必要说一下,在绘制涂鸦时,笔画会根据设置ImageView的大小和屏幕的尺寸(不是像素)产生误差.这个道长暂时还没有找到解决方法,只是规避了一下. 把ImageView设置为全屏,布局文件代码如下 <?xml version="1.0" encoding="utf-8"?> <FrameLayout

  • Android 使用Path实现涂鸦功能

    今天实现一个涂鸦效果,会分几步实现,这里有一个重要的知识点就是图层,要理解这个,不然你看这篇博客,很迷茫,迷茫的苍茫的天涯是我的爱,先从简单的需求做起,绘制一条线,代码如下: package com.tuya; import android.content.Context; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.Path; import android.util

  • Android实现签名涂鸦手写板

    本文实例为大家分享了Android实现签名涂鸦手写板的具体代码,供大家参考,具体内容如下 布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:

  • Android 开发实例简单涂鸦板

    在Android上开发一些小应用既可以积累知识又可以增加乐趣,与任务式开发不同,所以想到在Android系统上实现一个简单的涂鸦板,这是我们练手的一种好的方法.   涂鸦板应用的代码实现 新建工程MyWall,修改/res/layout/main.xml文件,在里面添加一个SurfaceView和两个Button,用到了RelativeLayout布局,完整的main.xml文件如下: XML/HTML代码 <?xml version="1.0" encoding="u

  • Android编程实现的手写板和涂鸦功能

    本文实例讲述了Android编程实现的手写板和涂鸦功能.分享给大家供大家参考,具体如下: 下面仿一个Android手写板和涂鸦的功能,直接上代码: write_pad.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:greendroid="http://schemas.android.com/apk/res/com.cyrilmottier.androi

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

    本文实例为大家分享了AndroidStudio实现能在图片上涂鸦的具体代码,供大家参考,具体内容如下 一.内容:设计一个能在图片上涂鸦的程序 二.实现 1. 布局文件activity_main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    

  • 简单的PHP图片上传程序

    第一种: php部分 复制代码 代码如下: <?php  if($_FILES['file']['error'] > 0){     echo '!problem:';     switch($_FILES['file']['error'])     {       case 1: echo '文件大小超过服务器限制';               break;       case 2: echo '文件太大!';               break;       case 3: ech

  • PHP图片上传代码

    使用说明:1. 将PHP.INI文件里面的"extension=php_gd2.dll"一行前面的;号去掉,因为我们要用到GD库;2. 将extension_dir =改为你的php_gd2.dll所在目录; 复制代码 代码如下: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><?php/*************************

  • 微信小程序开发(二)图片上传+服务端接收详解

    这次介绍下小程序当中常用的图片上传. 前几天做了图片上传功能,被坑了一下.接下来我们来看一下微信的上传api. 这里的filePath就是图片的存储路径,类型居然是个String,也就是 只能每次传一张图片,我以前的接口都是接收一个array,我本人又是一个半吊子的PHP,只能自己去改接收图片的接口. 看一下页面效果图 一个很常见的修改头像效果,选择图片(拍照),然后上传. 下面就是贴代码了 首先是小程序的wxml代码 <view class="xd-container">

  • 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传

    今天遇到微信小程序的用户头像设置功能,做笔记. 先上gif: 再上代码: 小demo,代码很简单. 1.index.wxml <!--index.wxml--> <button style="margin:30rpx;" bindtap="chooseimage">获取图片</button> <image src="{{tempFilePaths }}" mode="aspecFill"

  • 微信小程序教程之本地图片上传(leancloud)实例详解

    微信小程序 leancloud --本地图片上传 由于本站最近学习微信小程序的知识,这里记录下微信小程序实现本地上传的功能实现方法,以下是网上找的资料,大家看下. 将本地图片上传至leancloud后台. 获取本地图片或者拍照,我在上一篇博文中写过.这里就不说了.我的博客 直接上代码: 1.index.js //index.js //获取应用实例 var app = getApp() const AV = require('../../utils/av-weapp.js'); Page({ da

  • 微信小程序实现图片上传、删除和预览功能的方法

    本文实例讲述了微信小程序实现图片上传.删除和预览功能的方法.分享给大家供大家参考,具体如下: 这里主要介绍一下微信小程序的图片上传图片删除和图片预览 布局 <view class="img-v"> <view class="img" wx:for="{{imgs}}" wx:for-item="item" wx:key="*this"> <image src="{{i

  • 微信小程序基于腾讯云对象存储的图片上传功能

    在使用腾讯云对象存储之前,公司一直使用的是传统的FTP的上传模式,而随着用户量的不断增加,FTP所暴露出来的问题也越来越多,1.传输效率低,上传速度慢.2.时常有上传其他文件来攻击服务器,安全上得不到保障.所以我们在经过慎重考虑觉得使用第三方的云存储服务. 在最开始的时候我们在腾讯云与阿里云中选择,最终我们选择腾讯云,腾讯云在文件上传用时方面的性能比较突出,文件越大表现越好:在下载用时方面表现略优于阿里云:文件删除用时方面总体速度略逊于,但在不同大小文件删除用时上都比较稳定.当然这与我们主要用于

  • tp5实现微信小程序多图片上传到服务器功能

    最近在做一个教育类的小商城的微信小程序,用到了上传多个图片文件到服务器端,这里做一个讲解,希望对大家有所帮助. 1,小程序端: 在wxml文件中: <!--选择图片 --> <view class="picture"> <view class="img" wx:for="{{imgs}}" wx:for-item="item" wx:key="*this"> <im

  • 小程序云开发如何实现图片上传及发表文字

    微信给了我们存储空间以及图片上传的功能,我们怎么可以轻易放过呢? 先看看界面: 二话不说, 先实现界面: <!--pages/pulish/pulish.wxml--> <view class='flexDownC'> <view class='flexDownC w100'> <textarea class='input' bindinput='textInput' placeholder-style='margin-left:20rpx;' maxlength

随机推荐