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

2024-01-26 18:50
文章标签 基础 android 开发 处理 基本 图形图像

本文主要是介绍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开发电脑定时关机工具

基于Python开发电脑定时关机工具

《基于Python开发电脑定时关机工具》这篇文章主要为大家详细介绍了如何基于Python开发一个电脑定时关机工具,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 简介2. 运行效果3. 相关源码1. 简介这个程序就像一个“忠实的管家”，帮你按时关掉电脑，而且全程不需要你多做
阅读更多...
使用Python进行文件读写操作的基本方法

使用Python进行文件读写操作的基本方法

《使用Python进行文件读写操作的基本方法》今天的内容来介绍Python中进行文件读写操作的方法,这在学习Python时是必不可少的技术点,希望可以帮助到正在学习python的小伙伴,以下是Pyth... 目录一、文件读取：二、文件写入：三、文件追加：四、文件读写的二进制模式：五、使用 json 模块读写
阅读更多...
Go语言使用Buffer实现高性能处理字节和字符

Go语言使用Buffer实现高性能处理字节和字符

《Go语言使用Buffer实现高性能处理字节和字符》在Go中,bytes.Buffer是一个非常高效的类型,用于处理字节数据的读写操作,本文将详细介绍一下如何使用Buffer实现高性能处理字节和... 目录1. bytes.Buffer 的基本用法1.1. 创建和初始化 Buffer1.2. 使用 Writ
阅读更多...
Java中的Opencv简介与开发环境部署方法

Java中的Opencv简介与开发环境部署方法

《Java中的Opencv简介与开发环境部署方法》OpenCV是一个开源的计算机视觉和图像处理库,提供了丰富的图像处理算法和工具,它支持多种图像处理和计算机视觉算法,可以用于物体识别与跟踪、图像分割与... 目录1.Opencv简介Opencv的应用2.Java使用OpenCV进行图像操作opencv安装j
阅读更多...
Python视频处理库VidGear使用小结

Python视频处理库VidGear使用小结

《Python视频处理库VidGear使用小结》VidGear是一个高性能的Python视频处理库,本文主要介绍了Python视频处理库VidGear使用小结,文中通过示例代码介绍的非常详细,对大家的... 目录一、VidGear的安装二、VidGear的主要功能三、VidGear的使用示例四、VidGea
阅读更多...
Python结合requests和Cheerio处理网页内容的操作步骤

Python结合requests和Cheerio处理网页内容的操作步骤

《Python结合requests和Cheerio处理网页内容的操作步骤》Python因其简洁明了的语法和强大的库支持,成为了编写爬虫程序的首选语言之一,requests库是Python中用于发送HT... 目录一、前言二、环境搭建三、requests库的基本使用四、Cheerio库的基本使用五、结合req
阅读更多...
使用Python处理CSV和Excel文件的操作方法

使用Python处理CSV和Excel文件的操作方法

《使用Python处理CSV和Excel文件的操作方法》在数据分析、自动化和日常开发中,CSV和Excel文件是非常常见的数据存储格式,ython提供了强大的工具来读取、编辑和保存这两种文件,满足从基... 目录1. CSV 文件概述和处理方法1.1 CSV 文件格式的基本介绍1.2 使用 python 内
阅读更多...
MySQL中my.ini文件的基础配置和优化配置方式

MySQL中my.ini文件的基础配置和优化配置方式

《MySQL中my.ini文件的基础配置和优化配置方式》文章讨论了数据库异步同步的优化思路,包括三个主要方面：幂等性、时序和延迟,作者还分享了MySQL配置文件的优化经验,并鼓励读者提供支持... 目录mysql my.ini文件的配置和优化配置优化思路MySQL配置文件优化总结MySQL my.ini文件
阅读更多...
如何使用celery进行异步处理和定时任务(django)

如何使用celery进行异步处理和定时任务(django)

《如何使用celery进行异步处理和定时任务(django)》文章介绍了Celery的基本概念、安装方法、如何使用Celery进行异步任务处理以及如何设置定时任务,通过Celery,可以在Web应用中... 目录一、celery的作用二、安装celery三、使用celery 异步执行任务四、使用celery
阅读更多...
基于Qt开发一个简单的OFD阅读器

基于Qt开发一个简单的OFD阅读器

《基于Qt开发一个简单的OFD阅读器》这篇文章主要为大家详细介绍了如何使用Qt框架开发一个功能强大且性能优异的OFD阅读器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下... 目录摘要引言一、OFD文件格式解析二、文档结构解析三、页面渲染四、用户交互五、性能优化六、示例代码七、未来发展方向八、结论摘要
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2