初学Android,图形图像之使用drawBitmapMesh扭曲图像(三十二)

news/2024/7/3 13:23:15 标签: android, 图形, float, colors, class, null
class="baidu_pl">
class="article_content clearfix">
class="htmledit_views">
 Canvas提供了一个方法
drawBitmapMesh(Bitmap bitmap, int meshWidth, int meshHeight, class="tags" href="/tags/FLOAT.html" title=float>float[] verts, int vertOffset, int[] class="tags" href="/tags/COLORS.html" title=colors>colors,int colorffset,Paint paint) 
这个方法可以对bitmap进行扭曲
参数说明如下:
bitmap     需要扭曲的源位图
meshWidth   控制在横向上把该源位图划成成多少格
meshHeight   控制在纵向上把该源位图划成成多少格 
verts      长度为(meshWidth + 1) * (meshHeight + 1) * 2的数组,它记录了扭曲后的位图各顶点位置
vertOffset         控制verts数组中从第几个数组元素开始才对bitmap进行扭曲

下面是扭曲一张风景图片的例子

class="language-java">package WangLi.Graphics.WarpTest;

import class="tags" href="/tags/ANDROID.html" title=android>android.app.Activity;
import class="tags" href="/tags/ANDROID.html" title=android>android.content.Context;
import class="tags" href="/tags/ANDROID.html" title=android>android.graphics.Bitmap;
import class="tags" href="/tags/ANDROID.html" title=android>android.graphics.BitmapFactory;
import class="tags" href="/tags/ANDROID.html" title=android>android.graphics.Canvas;
import class="tags" href="/tags/ANDROID.html" title=android>android.graphics.Color;
import class="tags" href="/tags/ANDROID.html" title=android>android.os.Bundle;
import class="tags" href="/tags/ANDROID.html" title=android>android.util.AttributeSet;
import class="tags" href="/tags/ANDROID.html" title=android>android.view.MotionEvent;
import class="tags" href="/tags/ANDROID.html" title=android>android.view.View;

public class WarpTest extends Activity {
    /** Called when the activity is first created. */
    private Bitmap bitmap;
	@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new MyView(this,R.drawable.psb));
    }
	private class MyView extends View
	{
		//定义两个常量,这两个常量指定该图片横向,纵向上都被划分为20格
		private final int WIDTH = 20;
		private final int HEIGHT = 20;
		//记录该图片上包含441个顶点
		private final int COUNT = (WIDTH + 1) * (HEIGHT + 1); 
		//定义一个数组,记录Bitmap上的21*21个点的坐标
		private final class="tags" href="/tags/FLOAT.html" title=float>float[] verts = new class="tags" href="/tags/FLOAT.html" title=float>float[COUNT * 2];
		//定义一个数组,记录Bitmap上的21*21个点经过扭曲后的坐标
		//对图片扭曲的关键就是修改该数组里元素的值
		private final class="tags" href="/tags/FLOAT.html" title=float>float[] orig = new class="tags" href="/tags/FLOAT.html" title=float>float[COUNT * 2];
		public MyView(Context context, int drawableId) {
			super(context);
			setFocusable(true);
			//根据指定资源加载图片
			bitmap = BitmapFactory.decodeResource(getResources(), drawableId);
			//获取图片宽度和高度
			class="tags" href="/tags/FLOAT.html" title=float>float bitmapWidth = bitmap.getWidth();
			class="tags" href="/tags/FLOAT.html" title=float>float bitmapHeight = bitmap.getHeight();
			int index = 0;
			for(int y = 0; y <= HEIGHT; y++)
			{
				class="tags" href="/tags/FLOAT.html" title=float>float fy = bitmapHeight * y / HEIGHT;
				for(int x = 0 ; x <= WIDTH; x++)
				{
					class="tags" href="/tags/FLOAT.html" title=float>float fx = bitmapWidth * x / WIDTH;
					//初始化orig,verts数组
					//初始化,orig,verts两个数组均匀地保存了21 * 21个点的x,y坐标 
					orig[index * 2 + 0] = verts[index * 2 + 0] = fx;
					orig[index * 2 + 1] = verts[index * 2 + 1] = fy;
					index += 1;
				}
			}
			//设置背景色 
			setBackgroundColor(Color.WHITE);
		}
		protected void onDraw(Canvas canvas)
		{
			//对bitmap按verts数组进行扭曲
			//从第一个点(由第5个参数0控制)开始扭曲
			canvas.drawBitmapMesh(bitmap, WIDTH, HEIGHT, verts, 0, null, 0, null);
		}
		//工具方法,用于根据触摸事件的位置计算verts数组里各元素的值
		private void warp(class="tags" href="/tags/FLOAT.html" title=float>float cx, class="tags" href="/tags/FLOAT.html" title=float>float cy)
		{
			for(int i = 0; i < COUNT * 2; i += 2)
			{
				class="tags" href="/tags/FLOAT.html" title=float>float dx = cx - orig[i + 0];
				class="tags" href="/tags/FLOAT.html" title=float>float dy = cy - orig[i + 1];
				class="tags" href="/tags/FLOAT.html" title=float>float dd = dx * dx + dy * dy;
				//计算每个坐标点与当前点(cx,cy)之间的距离
				class="tags" href="/tags/FLOAT.html" title=float>float d = (class="tags" href="/tags/FLOAT.html" title=float>float)Math.sqrt(dd);
				//计算扭曲度,距离当前点(cx,cy)越远,扭曲度越小
				class="tags" href="/tags/FLOAT.html" title=float>float pull = 80000 / ((class="tags" href="/tags/FLOAT.html" title=float>float)(dd * d));
				//对verts数组(保存bitmap 上21 * 21个点经过扭曲后的坐标)重新赋值
				if(pull >= 1)
				{
					verts[i + 0] = cx;
					verts[i + 1] = cy;
				}
				else
				{
					//控制各顶点向触摸事件发生点偏移
					verts[i + 0] = orig[i + 0] + dx * pull;
					verts[i + 1] = orig[i + 1] + dx * pull;
				}
			}
			//通知View组件重绘
			invalidate();
		}
		public boolean onTouchEvent(MotionEvent event)
		{
			//调用warp方法根据触摸屏事件的坐标点来扭曲verts数组
			warp(event.getX() , event.getY());
			return true;
		}
	}
}



http://www.niftyadmin.cn/n/1411367.html

相关文章

目录比较同步助手 Direetory Helper

Direetory Helper 详细介绍 Direetory Helper 是一个用JAVA可视化的目录文件同步助手&#xff0c;可以比较两个目录的结构不同&#xff0c;然后复制不同的数据进行同步。 程序运行需要JRE1.7运行环境。 应用场景&#xff1a; 1.相机卡里照了许多的照片&#xff0c;每次备份都不…

初学Android,图形图像之使用Shader填充图像(三十三)

Shader本身是一个抽象类&#xff0c;它提供了如下实现类 BitmapShader   使用位图平铺的渲染效果 LinearGradient 使用线性渐变来填充图形 RadialGradient 使用圆形渐变来填充图形 SweepGradient 使用角度渐变来填充图形 ComposeShader 使用组合渲染来…

初学Android,图形图像之使用逐帧动画(三十四)

逐帧动画其实跟动画片的原理是一样的&#xff0c;一段时间内连续播放一组图片&#xff0c;使之看起来像在动一样 下面是一个例子&#xff0c;不用专门说明就可以理解了 定义文件的资源名为girl,放在res->anmi目录下,下面有一个重要的参数 " android:oneshot"false…

memset 与 memcpy

1. memset 需要的头文件 在C中 <string.h> 在C中 <cstring> 原型&#xff1a; void *memset(void *s, int ch, size_t n); 用法&#xff1a; memset是计算机中C/C语言函数。将s所指向的某一块内存中的前n个字节的内容全部设置为ch指定的ascii值&#xff0c; 第一…

初学Android,图形图像之在指定点(坐标)播放动画(三十五)

在指定地点播放动画&#xff0c;下面是一个爆炸过程的动画&#xff0c;鼠标点击处播放该动画定义动画资源文件blast.xml<?xml version"1.0" encoding"utf-8"?> <!-- 定义动画只播放一次&#xff0c;不循环 --> <animation-list xmlns:and…

Git 常用的几种处理大型二进制文件的组件

Git大文件存储&#xff08;Large File Storage&#xff0c;简称LFS&#xff09;的目标是更好地把“大型二进制文件&#xff0c;比如音频文件、数据集、图像和视频”集成到Git的工作流中。众所周知&#xff0c;Git在存储二 进制文件时效率不高&#xff0c;因为&#xff1a;Git默…

初学Android,图形图像之补间动画(三十六)

补间动画&#xff0c;开发人员只需指定开始&#xff0c;动画结束"关键帧"&#xff0c;而动画变化的"中间帧"由系统计算&#xff0c;并补齐&#xff0c;所以被称为补间动画 上面的例子就是这样&#xff0c;只是定义了动作&#xff0c;变化的帧都由Android自…

react-router-dom示例讲解(六)——未匹配(404页面)

react-router-dom的官方示例中&#xff0c;未匹配的示例也是一个比较简单的示例了。其核心就是Switch组件的匹配规则——仅仅匹配第一个符合条件的Route。 实现的效果图&#xff1a; 相关示例代码&#xff1a; import React, {Component} from react; import {BrowserRo…