文档章节

android开发笔记之多媒体—画画板(娱乐一下)

Mr_Nice
 Mr_Nice
发布于 2016/05/22 20:01
字数 528
阅读 20
收藏 0
点赞 2
评论 0

效果:

这里写图片描述

其实画画板的原理很简单,就是首先记录下按下屏幕的点,然后每移动一下就让这两次移动的点连线,周而复始,图像就由很多条直线构成了。

核心代码 :

public class MainActivity extends Activity implements OnClickListener,OnSeekBarChangeListener {

    private View red_view,green_view,blue_view;     //控制画笔颜色的三块区域
    private SeekBar seekBar;        //控制画笔粗细的拖动条
    private ImageView iv;   
    private Bitmap bitmap,backgroud;    //画纸和背景图
    private Canvas canvas;              //画布
    private Paint paint;                //画笔
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        red_view = findViewById(R.id.red_view);
        green_view = findViewById(R.id.green_view);
        blue_view = findViewById(R.id.blue_view);
        seekBar = (SeekBar) findViewById(R.id.seekbar);
        iv = (ImageView) findViewById(R.id.iv);
        iv.setImageResource(R.drawable.bg);
        //拿到背景图
        backgroud = BitmapFactory.decodeResource(getResources(), R.drawable.bg);
        //拿到和背景图一样大小的画纸
        bitmap = Bitmap.createBitmap(backgroud.getWidth(), backgroud.getHeight(), backgroud.getConfig());
        //把画纸固定在画布上
        canvas = new Canvas(bitmap);
        //拿到画笔
        paint = new Paint();
        paint.setColor(Color.BLACK);//设置画笔颜色为黑色
        paint.setStyle(Style.STROKE);//设置画笔为空心
        //添加处理规则
        Matrix matrix = new Matrix();
        //照着背景图画
        canvas.drawBitmap(backgroud, matrix, paint);
        red_view.setOnClickListener(this);
        green_view.setOnClickListener(this);
        blue_view.setOnClickListener(this);
        seekBar.setOnSeekBarChangeListener(this);
        iv.setOnTouchListener(new OnTouchListener() {
            float startX;
            float startY;
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                //获取按下时的坐标
                case MotionEvent.ACTION_DOWN:
                    startX = event.getX();
                    startY = event.getY();
                    break;
                //获取移动时的坐标
                case MotionEvent.ACTION_MOVE:
                    float stopX = event.getX();
                    float stopY = event.getY();
// // 在开始和结束坐标间画一条线
                    canvas.drawLine(startX, startY, stopX, stopY, paint);
                    //实时更新坐标(通过不断画线)
                    startX = event.getX();
                    startY = event.getY();

                    iv.setImageBitmap(bitmap);
                    break;
                case MotionEvent.ACTION_UP:
                    break;
                default:
                    break;
                }
                return true;
            }
        });
    }
    @Override
    public void onClick(View v) {
        switch (v.getId()) {
        case R.id.red_view:
            //当点击红色区域的时候设置画笔颜色为红色
            paint.setColor(Color.RED);
            break;
        case R.id.green_view:
            //当点击绿色区域的时候设置画笔颜色为绿色
            paint.setColor(Color.GREEN);
            break;
        case R.id.blue_view:
            //当点击蓝色区域的时候设置画笔颜色为蓝色
            paint.setColor(Color.BLUE);
            break;
        default:
            break;
        }
    }
    //拖动条的值改变的时候调用
    @Override
    public void onProgressChanged(SeekBar seekBar, int progress,
            boolean fromUser) {

    }
    //开始拖动时调用
    @Override
    public void onStartTrackingTouch(SeekBar seekBar) {

    }
    //停止拖动时调用
    @Override
    public void onStopTrackingTouch(SeekBar seekBar) {
        int progress = seekBar.getProgress();//拖动条默认的最大值为100
        paint.setStrokeWidth(progress/10f);//控制画笔的粗细范围(0-10)
    }
}

试试觉得很简单呢,赶紧试试吧

© 著作权归作者所有

共有 人打赏支持
Mr_Nice
粉丝 0
博文 47
码字总数 39947
作品 0
广州
直播,音视频编码器和解码器(EasyDarwin)-Android

使用摄像头采集视频数据,并通过MediaCodec进行H264编码,之后打包成RTSP格式并上传的。 TextuewView也提供了一个setTransform方法,该方法接收一个matrix参数,使用该参数对当前的渲染内容进...

shareus ⋅ 05/18 ⋅ 0

android应用开发-从设计到实现 3-3 Sketch静态原型设计

Sketch静态原型设计 对于静态原型的设计,我们使用。 启动后,我们将看到类似如下的界面, 工具栏 它的顶部是, 可以通过菜单栏来自定义工具栏。 在弹出的窗口中,将下方的图标拖拽到上方的中...

anddlecn ⋅ 2017/03/21 ⋅ 0

张高兴的 Xamarin.Android 学习笔记:(一)环境配置

  最近在自学 Xamarin 和 Android ,同时发现国内在做 Xamarin 的不多。我在自学中间遇到了很多问题,而且百度到的很多教程也有些过时,现在打算写点东西稍微总结下,顺便帮后人指指路了。...

张高兴 ⋅ 2017/01/13 ⋅ 0

【社招】招聘高级多媒体工程师-一家拥有15亿用户量的出海互联网企业

感兴趣的小伙伴请加我微信(2200624973) 岗位职责: 1、参与或者独立承担 Android 平台上媒体处理相关功能的设计、实现、测试及功能维护,参与或者独立承担方案或者架构选型。 2、参与产品的...

弓小嘿 ⋅ 05/17 ⋅ 0

华为云测平台服务再升级!华为M5系列平板调测能力正式上线!

6月1日,华为M5系列平板设备兼容性测试和远程真机调试功能在华为终端开放实验室正式上线!助力您的产品在大屏适配上快人一步! 华为终端开放实验室DevEco平台现已提供基于华为M5系列平板设备...

华为终端开放实验室 ⋅ 06/08 ⋅ 0

谷歌I/O大会8大看点:有Android系统全面更新

谷歌I/O大会8大看点:有Android系统全面更新 2018-05-08 10:27编辑: 枣泥布丁分类:业界动态来源:cnBate Android谷歌I/O大会 招聘信息: C++工程师 Cocos2d-x游戏客户端开发 iOS开发工程师...

枣泥布丁 ⋅ 05/08 ⋅ 0

[译] 利用 Android 构建 TV 的未来

原文地址:Building for the future of TV with Android 原文作者:Rachel Berk 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:JayZhaoBoy 校对者:hanliuxin5, Lee...

Android_开发者 ⋅ 04/30 ⋅ 0

OpenGL实现物体动画和视频特效

OpenGL实现视频的水印、滤镜?OpenGL实现视频的剪裁、旋转? 2D/3D物体的 旋转,平移,缩放? OpenGL图片滤镜与视频滤镜? 矩阵(Matrix)是一个按照长方阵列排列的复数或实数集合,最早来自于方...

shareus ⋅ 04/24 ⋅ 0

项目需求讨论:截图—涂鸦—分享

大家好,又到了新的一期项目需求分析。台下的观众举起手,让我看到你们。 同时我已经上传该项目:截屏及仿支付宝涂鸦功能 欢迎各位点个star哦。(⊙o⊙) 开始秋名山飘移之路 这个也是具体项目...

青蛙要fly ⋅ 2017/04/12 ⋅ 0

android应用开发-从设计到实现 3-8 静态原型的Appbar折叠

静态原型的Appbar折叠 接下来,我们开始设计Appbar被滑动收缩以后的界面效果。 可以看到,这个效果图绝大部分和展开时的效果图时一样的。 所以我们可以将整个画板修改一个名字为-,并复制出一...

anddlecn ⋅ 2017/04/05 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

三步为你的App集成LivePhoto功能

摘要:LivePhoto是iOS9新推出的一种拍照方式,类似于拍摄Gif图或录制视频片段生成图片。如果没有画面感,可以联想《哈利波特》霍格沃茨城堡的壁画,哈哈,很炫酷有木有,但坑爹的是只有iphone6S以...

壹峰 ⋅ 20分钟前 ⋅ 0

centos7 git安装

由于centos中的源仓库中git不是最新版本,需要进行源码安装。 1、查看yum仓库git信息 [root@iZm5e3d4r5i5ml889vh6esZ zh]# yum info gitLoaded plugins: fastestmirrorLoading mirror s...

xixingzhe ⋅ 30分钟前 ⋅ 0

input file 重复上传同一张图片失效的解决办法

解决办法 方法一:来回切换input[type='file']的type属性值,可以是‘text’,'button','button'....,然后再切换回来‘file’ 方法二:每次取消图片预览后,重置input[type='file']的value的...

时刻在奔跑 ⋅ 30分钟前 ⋅ 0

Mahout推荐算法API详解

前言 用Mahout来构建推荐系统,是一件既简单又困难的事情。简单是因为Mahout完整地封装了“协同过滤”算法,并实现了并行化,提供非常简单的API接口;困难是因为我们不了解算法细节,很难去根...

xiaomin0322 ⋅ 35分钟前 ⋅ 0

WampServer默认web服务器根目录位置

安装WampServer之后的web服务器根目录默认位置在WampServer安装目录下的www:

临江仙卜算子 ⋅ 36分钟前 ⋅ 0

Redux的一些手法记录

Redux Redux的基本概念见另一篇文。 这里记录一下Redux在项目中的实际操作的手法。 actions 首先定义action.js,actions的type,可以另起一个action-type.js文件。 action-type.js用来存...

LinearLaw ⋅ 37分钟前 ⋅ 0

android 手势检测(左右滑动、上下滑动)

GestureDetector类可以让我们快速的处理手势事件,如点击,滑动等。 使用GestureDetector分三步: 1. 定义GestureDetector类 2. 初始化手势类,同时设置手势监听 3. 将touch事件交给gesture...

王先森oO ⋅ 52分钟前 ⋅ 0

java 方法的执行时间监控 设置超时(Future 接口)

java 方法的执行时间监控 设置超时(Future 接口) import java.util.concurrent.Callable; import java.util.concurrent.ExecutionException; import java.util.concurrent.Executor......

青峰Jun19er ⋅ 56分钟前 ⋅ 0

一名开源小白的Apache成长自述

今天收到了来自Apache Vote我成为Serviceomb项目Committer的邮件,代表自己的贡献得到了充分的肯定;除了感谢团队的给力支持,我更希望将自己的成长经历——如何践行Apache Way的心得介绍给大...

微服务框架 ⋅ 58分钟前 ⋅ 0

vim介绍、颜色显示和移动光标、一般模式下复制、剪切和粘贴

1.vim 是 vi 的升级版 vim 是带有颜色显示的 mini安装的系统,一般都不带有vim [root@aminglinux-128 ~]# yum install -y vim-enhanced已加载插件:fastestmirror, langpacksLoading mir...

oschina130111 ⋅ 59分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部