android开发基础10-基本图形图像处理

2024-01-26 18:50

本文主要是介绍android开发基础10-基本图形图像处理,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

画笔和画布的使用

画笔 : Paint类;画笔的作用:颜色,透明度,画笔粗细,填充样式
画布:Canvas类;可以改变画布的尺寸和颜色

使用画笔和画布的步骤:
1、创建一个类,继承于View类
2、重写onDraw()方法
3、再把自定位的View添加到Activity中

实例:画一个橙色的矩形

public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);FrameLayout fragment = (FrameLayout) findViewById(R.id.frameLayout);  //获取帧布局管理器fragment.addView(new MyView(this));  //将自定义视图的内部类添加到布局管理器中}private class MyView extends View {public MyView(Context context) {super(context);}@Overrideprotected void onDraw(Canvas canvas) {  //重写onDraw()方法Paint paint = new Paint();           //定义一个默认的画笔//线性渐变Shader shader = new LinearGradient(0, 0, 100, 100,Color.RED, Color.GREEN, Shader.TileMode.MIRROR);paint.setShader(shader);                            //为画笔设置渐变器canvas.drawRect(10, 10, 280, 150, paint);                //绘制矩形super.onDraw(canvas);}}
}

绘制几何图形

Canvas类提供了很多方法绘制几何图形
drawArc
drawCircle
drawLine
drawRect
drawRoundRect

实例:绘制android机器人

public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);FrameLayout frameLayout= (FrameLayout) findViewById(R.id.frameLayout);  //获取帧布局管理器frameLayout.addView(new MyView(this));  //将自定义视图的内部类添加到布局管理器中}private class MyView extends View {public MyView(Context context) {super(context);}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);Paint paint=new Paint();	//默认设置创建一个画笔paint.setAntiAlias(true);	//使用抗锯齿功能paint.setColor(0xFFA4C739);	//设置画笔的颜色为绿色//绘制机器人的头RectF rectf_head=new RectF(10, 10, 100, 100);rectf_head.offset(90, 20);canvas.drawArc(rectf_head, -10, -160, false, paint);	//绘制弧//绘制眼睛paint.setColor(Color.WHITE);	//设置画笔的颜色为白色canvas.drawCircle(125, 53, 4, paint);	//绘制圆canvas.drawCircle(165, 53, 4, paint);	//绘制圆paint.setColor(0xFFA4C739);	//设置画笔的颜色为绿色//绘制天线paint.setStrokeWidth(2);	//设置笔触的宽度canvas.drawLine(110, 15, 125, 35, paint);	//绘制线canvas.drawLine(180, 15, 165, 35, paint);	//绘制线//绘制身体canvas.drawRect(100, 75, 190, 150, paint);	//绘制矩形RectF rectf_body=new RectF(100,140,190,160);canvas.drawRoundRect(rectf_body, 10, 10, paint);	//绘制圆角矩形//绘制胳膊RectF rectf_arm=new RectF(75,75,95,140);canvas.drawRoundRect(rectf_arm, 10, 10, paint);	//绘制左侧的胳膊rectf_arm.offset(120, 0);							//设置在X轴上偏移120像素canvas.drawRoundRect(rectf_arm, 10, 10, paint);	//绘制右侧的胳膊//绘制腿RectF rectf_leg=new RectF(115,150,135,200);canvas.drawRoundRect(rectf_leg, 10, 10, paint);	//绘制左侧的腿rectf_leg.offset(40, 0);							//设置在X轴上偏移40像素canvas.drawRoundRect(rectf_leg, 10, 10, paint);	//绘制右侧的腿}}
}

绘制文本

使用Canvas类的drawText()方法实现

public class MainActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//获取布局文件中添加的帧布局管理器FrameLayout frameLayout=(FrameLayout)findViewById(R.id.frameLayout);//将自定义的MyView视图添加到帧布局管理器中frameLayout.addView(new MyView(this));}private class MyView extends View{public MyView(Context context) {super(context);}@Overrideprotected void onDraw(Canvas canvas) {Paint paintText=new Paint();						//创建一个采用默认设置的画笔paintText.setColor(Color.BLACK);						//设置画笔颜色paintText.setTextAlign(Paint.Align.LEFT);				//设置文字左对齐paintText.setTextSize(12);								//设置文字大小paintText.setAntiAlias(true);						  //使用抗锯齿功能canvas.drawText("不,我不想去!", 245, 45, paintText);	//通过drawText()方法绘制文字canvas.drawText("你想和我一起",175,160,paintText);  //通过drawText()方法绘制文字canvas.drawText("去探险吗?",175,175,paintText);    //通过drawText()方法绘制文字}}
}

绘制图片

需要创建位图对象Bitmap
BitmapFactory类:
decodeFile()
decodeResource()
decodeStream()
1、通过图片文件创建
2、通过输入流创建

Bitmap类:
createBitmap()
compress() 压缩Bitmap对象并保存到文件输出流中
createScaledBitmap() 将源位图缩放并创建新的Bitmap对象
1、同一张图上挖出一部分进行创建
2、把源位图缩放生成
3、使用颜色数组创建

public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//获取布局文件中添加的帧布局管理器FrameLayout frameLayout = (FrameLayout) findViewById(R.id.frameLayout);frameLayout.addView(new MyView(this)); //将自定义的MyView视图添加到帧布局管理器中}private class MyView extends View {public MyView(Context context) {super(context);}@Overrideprotected void onDraw(Canvas canvas) {Paint paint = new Paint();  //创建一个采用默认设置的画笔String path = Environment.getExternalStorageDirectory() + "/img01.jpg";  //指定图片文件的路径Bitmap bm = BitmapFactory.decodeFile(path);  //获取图片文件对应的Bitmap对象canvas.drawBitmap(bm, 0, 30, paint);   //将获取的Bitmap对象绘制在画布的指定位置Rect src = new Rect(105, 70, 220, 170);  //设置挖取的区域Rect dst = new Rect(350, 90, 465, 190);  //设置绘制的区域canvas.drawBitmap(bm, src, dst, paint);  //绘制挖取到的图像}}}

绘制路径

通过Path类绘制路径
在这里插入图片描述

public class DrawView extends View {private int view_width = 0;  //屏幕的宽度private int view_height = 0;  //屏幕的高度private float preX;  //起始点的X坐标值private float preY;  //起始点的y坐标值private Path path;  //路径public Paint paint = null;  //画笔Bitmap cacheBitmap = null;  //定义一个内存中的图片,该图片将作为缓冲区Canvas cacheCanvas = null;  // 定义cacheBitmap上的Canvas对象public DrawView(Context context, AttributeSet set) {  //构造方法super(context, set);view_width = context.getResources().getDisplayMetrics().widthPixels;  // 获取屏幕的宽度view_height = context.getResources().getDisplayMetrics().heightPixels;  // 获取屏幕的高度System.out.println(view_width + "*" + view_height);  //屏幕宽高// 创建一个与该View相同大小的缓存区cacheBitmap = Bitmap.createBitmap(view_width, view_height, Bitmap.Config.ARGB_8888);cacheCanvas = new Canvas();  //创建一个新的画布path = new Path();  //实例化路径cacheCanvas.setBitmap(cacheBitmap);  // 在cacheCanvas上绘制cacheBitmappaint = new Paint();  //实例化画笔paint.setColor(Color.RED);  // 设置默认的画笔颜色// 设置画笔风格paint.setStyle(Paint.Style.STROKE);  //设置填充方式为描边paint.setStrokeWidth(2); // 设置默认笔触的宽度为1像素paint.setAntiAlias(true); // 使用抗锯齿功能}@Overrideprotected void onDraw(Canvas canvas) {  //重写onDraw()方法super.onDraw(canvas);canvas.drawBitmap(cacheBitmap, 0, 0, null);  //绘制cacheBitmapcanvas.drawPath(path, paint);  //绘制路径}@Overridepublic boolean onTouchEvent(MotionEvent event) {// 获取触摸事件的发生位置float x = event.getX();  //获取x坐标float y = event.getY();  //获取y坐标switch (event.getAction()) {case MotionEvent.ACTION_DOWN: //当手指按下时path.moveTo(x, y);  // 将绘图的起始点移到(x,y)坐标点的位置preX = x;preY = y;break;case MotionEvent.ACTION_MOVE: //根据触摸过程与位置绘制线条float dx = Math.abs(x - preX);  //计算x值的移动距离float dy = Math.abs(y - preY);  //计算y值的移动距离if (dx >= 5 || dy >= 5) {  //判断是否在允许的范围内path.quadTo(preX, preY, (x + preX) / 2, (y + preY) / 2);  //贝塞尔曲线preX = x;preY = y;}break;case MotionEvent.ACTION_UP: //当手指抬起时cacheCanvas.drawPath(path, paint); //绘制路径path.reset();  //重置路径break;}invalidate();  //刷新return true;  // 返回true表明处理方法已经处理该事件}public void clear() {  //清空写字板if (cacheCanvas != null) {  //如果绘制路径不为空path.reset();            //重置路径cacheCanvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);invalidate();   //刷新}}
}
public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);final DrawView drawView= (DrawView) findViewById(R.id.dv);  //获取自定义的绘图视图ImageButton button= (ImageButton) findViewById(R.id.btn_clear);  //获取清空按钮button.setOnClickListener(new View.OnClickListener() {  //为按钮设置监听事件@Overridepublic void onClick(View v) {drawView.clear();  //调用清除方法}});}
}

逐帧动画

1、动画资源文件
2、在布局文件中使用动画资源文件

1、在res/anim目录下创建fairy.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"><item android:drawable="@drawable/img001" android:duration="60"/><item android:drawable="@drawable/img002" android:duration="60"/><item android:drawable="@drawable/img003" android:duration="60"/><item android:drawable="@drawable/img004" android:duration="60"/><item android:drawable="@drawable/img005" android:duration="60"/><item android:drawable="@drawable/img006" android:duration="60"/>
</animation-list>

2、在布局管理器中引用fairy

<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutandroid:id="@+id/linearLayout"xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"android:background="@anim/fairy"tools:context="com.mingrisoft.MainActivity"></LinearLayout>

3、通知逐帧动画的播放和停止

public class MainActivity extends AppCompatActivity {private boolean flag = true;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);LinearLayout linearLayout= (LinearLayout) findViewById(R.id.linearLayout); //获取布局管理器//获取AnimationDrawable对象final AnimationDrawable anim= (AnimationDrawable) linearLayout.getBackground();linearLayout.setOnClickListener(new View.OnClickListener() {  //为布局管理器添加单击事件@Overridepublic void onClick(View v) {if(flag){anim.start(); //开始播放动画flag=false;}else {anim.stop();  //停止播放动画flag=true;}}});}
}

补间动画

在设计动画时,定义一个起始帧和结束帧,之间的会自动生成
在res/anim下创建
1、透明度渐变动画

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"><alpha android:fromAlpha="0"android:toAlpha="1"android:duration="4000"/>
</set>
Animation animation = AnimationUtils.loadAnimation(MainActivity.this,R.anim.alpha);
imageView.startAnimation(anim); //开启动画

2、旋转动画

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"><rotateandroid:fromDegrees="0"android:toDegrees="360"android:pivotX="50%"android:pivotY="50%"android:duration= "2000" />
</set>

3、缩放动画

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"><scale android:fromXScale="0.0"android:fromYScale="0.0"android:pivotX="50%"android:pivotY="50%"android:toXScale="1.0"android:toYScale="1.0"android:duration="2000"></scale>
</set>

4、平移动画

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"><translateandroid:fromXDelta="0"android:fromYDelta="0"android:toXDelta="300"android:duration= "2000"android:toYDelta="300" />
</set>

实例 :淡入淡出补间效果

public class MainActivity extends AppCompatActivity implements GestureDetector.OnGestureListener {ViewFlipper flipper; //定义ViewFlipperGestureDetector detector; //定义手势检测器Animation[] animation = new Animation[4];//定义动画数组,为ViewFlipper指定切换动画final int distance = 50; //定义手势动作两点之间最小距离//定义图片数组private int[] images = new int[]{R.drawable.img01, R.drawable.img02, R.drawable.img03,R.drawable.img04, R.drawable.img05, R.drawable.img06, R.drawable.img07, R.drawable.img08,R.drawable.img09,};@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);detector = new GestureDetector(this, this); //创建手势检测器flipper = (ViewFlipper) findViewById(R.id.flipper); //获取ViewFlipperfor (int i = 0; i < images.length; i++) {ImageView imageView = new ImageView(this);imageView.setImageResource(images[i]);flipper.addView(imageView); //加载图片}//初始化动画数组animation[0] = AnimationUtils.loadAnimation(this, R.anim.anim_alpha_in);     //淡入动画animation[1] = AnimationUtils.loadAnimation(this, R.anim.anim_alpha_out);      //淡出动画animation[2] = AnimationUtils.loadAnimation(this, R.anim.anim_scale_in);      //放大进入动画animation[3] = AnimationUtils.loadAnimation(this, R.anim.anim_scale_out);  //缩小退出动画}@Overridepublic boolean onDown(MotionEvent e) {return false;}@Overridepublic void onShowPress(MotionEvent e) {}@Overridepublic boolean onSingleTapUp(MotionEvent e) {return false;}@Overridepublic boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {return false;}@Overridepublic void onLongPress(MotionEvent e) {}@Overridepublic boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {/*如果第一个触点事件的X坐标到第二个触点事件的X坐标的距离超过distance就是从右向左滑动*/if (e1.getX() - e2.getX() > distance) {//为flipper设置切换的动画效果flipper.setInAnimation(animation[0]);flipper.setOutAnimation(animation[1]);flipper.showPrevious();return true;/*如果第二个触点事件的X坐标到第一个触点事件的X坐标的距离超过distance就是从左向右滑动*/} else if (e2.getX() - e1.getX() > distance) {//为flipper设置切换的动画flipper.setInAnimation(animation[2]);flipper.setOutAnimation(animation[3]);flipper.showNext();return true;}return false;}@Overridepublic boolean onTouchEvent(MotionEvent event) {//将该Activity上的触碰事件交给GestureDetector处理return detector.onTouchEvent(event);}
}

这篇关于android开发基础10-基本图形图像处理的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/647735

相关文章

MyBatis-Plus通用中等、大量数据分批查询和处理方法

《MyBatis-Plus通用中等、大量数据分批查询和处理方法》文章介绍MyBatis-Plus分页查询处理,通过函数式接口与Lambda表达式实现通用逻辑,方法抽象但功能强大,建议扩展分批处理及流式... 目录函数式接口获取分页数据接口数据处理接口通用逻辑工具类使用方法简单查询自定义查询方法总结函数式接口

MySql基本查询之表的增删查改+聚合函数案例详解

《MySql基本查询之表的增删查改+聚合函数案例详解》本文详解SQL的CURD操作INSERT用于数据插入(单行/多行及冲突处理),SELECT实现数据检索(列选择、条件过滤、排序分页),UPDATE... 目录一、Create1.1 单行数据 + 全列插入1.2 多行数据 + 指定列插入1.3 插入否则更

C#连接SQL server数据库命令的基本步骤

《C#连接SQLserver数据库命令的基本步骤》文章讲解了连接SQLServer数据库的步骤,包括引入命名空间、构建连接字符串、使用SqlConnection和SqlCommand执行SQL操作,... 目录建议配合使用:如何下载和安装SQL server数据库-CSDN博客1. 引入必要的命名空间2.

SpringBoot结合Docker进行容器化处理指南

《SpringBoot结合Docker进行容器化处理指南》在当今快速发展的软件工程领域,SpringBoot和Docker已经成为现代Java开发者的必备工具,本文将深入讲解如何将一个SpringBo... 目录前言一、为什么选择 Spring Bootjavascript + docker1. 快速部署与

Android kotlin中 Channel 和 Flow 的区别和选择使用场景分析

《Androidkotlin中Channel和Flow的区别和选择使用场景分析》Kotlin协程中,Flow是冷数据流,按需触发,适合响应式数据处理;Channel是热数据流,持续发送,支持... 目录一、基本概念界定FlowChannel二、核心特性对比数据生产触发条件生产与消费的关系背压处理机制生命周期

Android ClassLoader加载机制详解

《AndroidClassLoader加载机制详解》Android的ClassLoader负责加载.dex文件,基于双亲委派模型,支持热修复和插件化,需注意类冲突、内存泄漏和兼容性问题,本文给大家介... 目录一、ClassLoader概述1.1 类加载的基本概念1.2 android与Java Class

Java中的数组与集合基本用法详解

《Java中的数组与集合基本用法详解》本文介绍了Java数组和集合框架的基础知识,数组部分涵盖了一维、二维及多维数组的声明、初始化、访问与遍历方法,以及Arrays类的常用操作,对Java数组与集合相... 目录一、Java数组基础1.1 数组结构概述1.2 一维数组1.2.1 声明与初始化1.2.2 访问

Python使用vllm处理多模态数据的预处理技巧

《Python使用vllm处理多模态数据的预处理技巧》本文深入探讨了在Python环境下使用vLLM处理多模态数据的预处理技巧,我们将从基础概念出发,详细讲解文本、图像、音频等多模态数据的预处理方法,... 目录1. 背景介绍1.1 目的和范围1.2 预期读者1.3 文档结构概述1.4 术语表1.4.1 核

Spring Boot @RestControllerAdvice全局异常处理最佳实践

《SpringBoot@RestControllerAdvice全局异常处理最佳实践》本文详解SpringBoot中通过@RestControllerAdvice实现全局异常处理,强调代码复用、统... 目录前言一、为什么要使用全局异常处理?二、核心注解解析1. @RestControllerAdvice2

Go语言数据库编程GORM 的基本使用详解

《Go语言数据库编程GORM的基本使用详解》GORM是Go语言流行的ORM框架,封装database/sql,支持自动迁移、关联、事务等,提供CRUD、条件查询、钩子函数、日志等功能,简化数据库操作... 目录一、安装与初始化1. 安装 GORM 及数据库驱动2. 建立数据库连接二、定义模型结构体三、自动迁