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

相关文章

Python实现批量CSV转Excel的高性能处理方案

《Python实现批量CSV转Excel的高性能处理方案》在日常办公中,我们经常需要将CSV格式的数据转换为Excel文件,本文将介绍一个基于Python的高性能解决方案,感兴趣的小伙伴可以跟随小编一... 目录一、场景需求二、技术方案三、核心代码四、批量处理方案五、性能优化六、使用示例完整代码七、小结一、

Python中 try / except / else / finally 异常处理方法详解

《Python中try/except/else/finally异常处理方法详解》:本文主要介绍Python中try/except/else/finally异常处理方法的相关资料,涵... 目录1. 基本结构2. 各部分的作用tryexceptelsefinally3. 执行流程总结4. 常见用法(1)多个e

PHP应用中处理限流和API节流的最佳实践

《PHP应用中处理限流和API节流的最佳实践》限流和API节流对于确保Web应用程序的可靠性、安全性和可扩展性至关重要,本文将详细介绍PHP应用中处理限流和API节流的最佳实践,下面就来和小编一起学习... 目录限流的重要性在 php 中实施限流的最佳实践使用集中式存储进行状态管理(如 Redis)采用滑动

SpringBoot 多环境开发实战(从配置、管理与控制)

《SpringBoot多环境开发实战(从配置、管理与控制)》本文详解SpringBoot多环境配置,涵盖单文件YAML、多文件模式、MavenProfile分组及激活策略,通过优先级控制灵活切换环境... 目录一、多环境开发基础(单文件 YAML 版)(一)配置原理与优势(二)实操示例二、多环境开发多文件版

使用docker搭建嵌入式Linux开发环境

《使用docker搭建嵌入式Linux开发环境》本文主要介绍了使用docker搭建嵌入式Linux开发环境,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录1、前言2、安装docker3、编写容器管理脚本4、创建容器1、前言在日常开发全志、rk等不同

MyBatis-plus处理存储json数据过程

《MyBatis-plus处理存储json数据过程》文章介绍MyBatis-Plus3.4.21处理对象与集合的差异:对象可用内置Handler配合autoResultMap,集合需自定义处理器继承F... 目录1、如果是对象2、如果需要转换的是List集合总结对象和集合分两种情况处理,目前我用的MP的版本

从基础到高级详解Python数值格式化输出的完全指南

《从基础到高级详解Python数值格式化输出的完全指南》在数据分析、金融计算和科学报告领域,数值格式化是提升可读性和专业性的关键技术,本文将深入解析Python中数值格式化输出的相关方法,感兴趣的小伙... 目录引言:数值格式化的核心价值一、基础格式化方法1.1 三种核心格式化方式对比1.2 基础格式化示例

redis-sentinel基础概念及部署流程

《redis-sentinel基础概念及部署流程》RedisSentinel是Redis的高可用解决方案,通过监控主从节点、自动故障转移、通知机制及配置提供,实现集群故障恢复与服务持续可用,核心组件包... 目录一. 引言二. 核心功能三. 核心组件四. 故障转移流程五. 服务部署六. sentinel部署

Python ORM神器之SQLAlchemy基本使用完全指南

《PythonORM神器之SQLAlchemy基本使用完全指南》SQLAlchemy是Python主流ORM框架,通过对象化方式简化数据库操作,支持多数据库,提供引擎、会话、模型等核心组件,实现事务... 目录一、什么是SQLAlchemy?二、安装SQLAlchemy三、核心概念1. Engine(引擎)

Python自动化处理PDF文档的操作完整指南

《Python自动化处理PDF文档的操作完整指南》在办公自动化中,PDF文档处理是一项常见需求,本文将介绍如何使用Python实现PDF文档的自动化处理,感兴趣的小伙伴可以跟随小编一起学习一下... 目录使用pymupdf读写PDF文件基本概念安装pymupdf提取文本内容提取图像添加水印使用pdfplum