安卓多媒体编程
1,计算机图形的表示方式方法
1.1
①像素点形式(单色位图),一个像素点相当于1*1个像素,8个像素点就是8个0011占据一个byte的位置,200*200=40000 40000/8 = 5000byte字节
②24位位图,一个像素点有24位(2的24次方)来表示颜色 ,3个byte.40000*24/8 = 120000byte字节
③256位图,一个像素点占256色,为(2的8次方),一个byte.40000byte就可以表示.
1.2
矢量图形:储存的是指令,而不是像素点
位图的缺陷:占据体积比较大
常见位图格式:JPEG,PNG,BMP,前面两种通过图片压缩算法减少储存空间(即相同的颜色进行压缩,因为人眼无法识别这些细微差别)
2,加载图片到内存
①通过BitmapFactory.docodeFile(path)解码图片到内存上
BitmapFactory.docodeXX,还可以转换流,文件(默认都是32位的位图,a(透明度)rgb(颜色))
②如果加载过大的图片,会出现OOM:Out of MemoryError 内存不足异常
虽然一个图片看起来不大,但是通过BitMapFactory加载出来的图片,是跟图片的分辨率有关,一个像素就需要4个byte去表示
创建模拟器的时候有一个选项VM heep一个应用程序能申请的最大内存空间,默认16MB
2.2 加载大图片到手机中
对图片进行缩放:BitMapFactory.docodeFIle(path,opts(可以是空,也可以压缩));
Option opts = new Option();
opts.inSampleSize=xx,设置采样率,如果设置的值大于1,就会重新采样原图,返回一个小一点的图片用来节约内存,如果等于4,就把原来的图片宽高缩小为原来四分之一,相当于总像素个数占原来的十六分之一.
一般的计算方式:根据当前手机的分辨率进行计算
①获取手机的宽高信息,和图片的分辨率
②获取图片的分辨率(宽高信息)
ExifInterface exif =new xxxx(filepath);//得到照片的头信息(拍摄信息,时间,地点,类型)
exif.getAttribute(ExifInterface.XXXX);//有一些常量可以获取信息.
exif.getAttributeInt(ExifInterface.TAG_IMAGE_WIDTH,默认值(0))
//有的文件是通过图片软件生成的,或画出来的,没有头信息
这时候就要采用另一种做法
Option opt1 = new Option();
Opt1.inJustDecodeBounds = true;//设置为false就没有把bitmap加载到内存
//不把图片加载到内存,而是先获取宽高,再进行缩放比
//注意这里需要先让程序解析一次
BitmapFactory.decodeFile(img.getAbsolutePath(), opts);
Opt1.outHeight; opt1.outWidth;
//设置为false之后再解析一次
BitmapFactory.decodeFile(img.getAbsolutePath(), opts);
③获取手机屏幕的宽高
//获取屏幕管理器
WindowManager wm = getSystemService(WINDOW_SERVICE);
wm.getDefultDisplay().getXXX()//宽高,(推荐使用getSize(Point outsize)大小)
Point outsize = new Point();//api13开始使用的
④计算缩放比,按大一点的缩放比比较好一些,按公司的业务需求来
3,图形的缩放
需求,对图片进行缩放并显示在页面上
①获取原图,
BitMap srcMap= BitMapFactory.decodeFile(path);
把原图加载进内存(一般都不对原图进行处理,而是处理原图在内存中的拷贝)创建原图在内存中的拷贝:
//创建一个等大小,类型的空白图片
copyedBitmap = BitMap.createBitMap(宽,高,图形的类型)//返回一个可以编辑的bmp图片,指定宽高和类型,一般在安卓里指定32位位图,获取原图的类型,srcMap.getConfig();
//创建一个画板,传入创建的空白图片
Canvas canvas = new Canvas(copyedBitmap);
//创建一个画笔
Paint paint new Paint();
//设置画笔的颜色
paint.setColor(Color.Black);
//开始画画
Matrix matrix = new Matrix();//按照1:1的比例作画
matrix.setScale(sx(0.2f),sy)//水平,竖直方向的缩放比,单位f
canvas.drawBitMap(原图,变化矩阵,paint);
//把拷贝出来的图片显示在界面上,
setImageBitMap()会自动处理图片适应屏幕
3.2
3.2.1图片的平移
matrix.setTranslate(dx,dy);//水平,竖直方向的偏移量,移动图片的像素点(会丢失图片内容)
3.2.2图片的旋转
matrix.setRotate(旋转的角度);以左上角为原点进行旋转
matrix.setRotate(旋转的角度,px,py)//以指定的坐标旋转(如果想让它以中心旋转,坐标设置宽高的二分之一)
3.2.3镜面效果,本质上是X坐标轴取反,Y轴不变,然后平移过来(或者覆盖原有图片)
matrix.setScale(-1,1)//宽度变成原来的负值,这时候图片会超出屏幕,需要移动回来
matrix.setTranslate(srcbitmap.getWidth(),0)//移动对应图片的宽度
setXXX都是设置的方法,不能同时生效,后面的会覆盖前面的
如果希望后面的方法实现,需要使用postTranslate(XXXXX)方法,在上一次修改之后的基础上进行变化.
3.2.4倒影效果,上下翻转(Y轴取反,X轴不变)(跟旋转180度效果不是一样的)
4,练习,随手涂鸦
4.1 ui布局
第一排,工具栏,供用户选择画笔的颜色,并显示对应颜色的区块,
画笔的粗细(用户输入,或通过SeekBar设置也可以)
setMax(最大值),默认值progress(5,其它也可以)
剩余区域绘画区域
4.2 在MainActivity中,找到这些控件,设置对应的点击事件
①创建一个画笔
Paint paint = new Paint();
paint.setColor( 指定画笔的颜色);
paint.setStorkeWidth(width);//设置画笔的宽度
②SeekBar相关
SeekBar.setOnSeekBarChangeListener();//拖动变化监听器
seekbar.getProgress()//获取当前拖动的状态
4.3①作画位置实际是在一个ImageView中作画
要提前指定ImageView的宽高,因为一旦被加载就固定了
//给imageView注册一个触摸事件
iv.setOnTouchListener(new OnTouchListener(){
//当被触摸的时候调用
public boolean onTouch(View v,MotionEvent event){
//通过按下的动作判断(按下触摸的时候,保持拖动的时候,松开触摸的时候)
switch(event.getAction){
case: MotionEvent.Action_MOVE
每移动一个像素点调用一次
break;
case: MotionEvent.Action_DOWN
break;
case: MotionEvent.Action_UP
break;
}
//返回值默认返回一个false,代表:事件没有处理完毕,要等待事件处理完毕.
//如果为flase移动和松开手指的事件就不会执行,一直在等待按下事件结束.
//true:代表事件已经处理完毕,没有处理完就不会触发松开和拖动事件
//
return true;
}
});
②需要一个可以被修改的图片
BitMap alertMap ;//需要的图片
Canvas canvas;//定义画板,画笔已经有了
alertMap = BitMap.createBitMap(320,320,BitMap.ARGB_8888);//8888高质量的位图.
Canvas = new Canvas(alertMap);
③在控件触摸事件方法中
定义横纵坐标int x int y .
在按下的位置,获取坐标
在拖动的时候,获取坐标
canvas.drawLine(sx,sy,nx,ny,画笔);//执行完这个方法后就画出了一条线
Iv.setImageBitMap(alertMap)//把线显示在控件上
//但是这样做,会出现开始坐标固定的情况下画出一个不想要的图形,需要重新初始化手指在屏幕上的坐标(实际上一条线是由无数个短线拼接,也就是两个像素点之间的拼接,而不改变初始位置,就会像画了个大圆饼)
4.4 其它细节问题
(0)拿取控件的宽高拿不到,因为控件的绘制是跟Activity异步的,就算执行了onCreate,onStart,onResume()都拿不到.
(1)要通过view绘制成功的监听获取,但在监听的时候如果绘制的view发生改变了,就会重新绘制一次,所以可以在获取到一次数据之后把监听注销掉
(2)获取绘制监听事件iv.getViewTreeObs
(3)LinearLayout绘制顺序,先绘制最外层的Liner 再按设置的顺序,从上至下绘制,树形结构的绘制,开发中不建议布局LinearLayOut的嵌套,因为比较消耗时间
//注册View绘制监听事件
iv_show.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
@Override
public void onGlobalLayout() {
//注销监听
iv_show.getViewTreeObserver().removeGlobalOnLayoutListener(this);
}
});
①在Activity中,onCreateOptionMenu(Menu menu)//创建一个选项菜单调用的方法
//本质上就是一个在底部出现的ListView视图,里面的控件都是item
判断用户点击的是哪一个条目menu.getItemId();
//保存图片,把BitMap转换为流,可以保存在内存中,内存输出流
alertBitMap.compress(format(保存的格式),quality(图片的质量1-100),stream输出流);
记得关流
//这样输出的图片背景颜色是黑色,因为BitMap默认都是黑色的,所以创建好了画板之后
canvas.drawColor(Color.WHITE);//画一个白色的背景
②在图库应用中找不到画的图片,因为系统图库是不知道这个图片被添加了,只有在开机或SD卡拔重新插入添加之后才会扫描添加
这时候就要告诉图库,图片被添加了
通过模拟SD卡被插入的广播,告诉图库需要重新扫描一次 4.4版本之后就不能用了
Intent intent = new Intent();//创建意图
intent.setAction(Intent.ACTION.MEDIA_MOUNTED);//设置动作
intent.setData(Uri.fromFile(Environment.getExternalStorageDirectory()));//设置文件
sendBroadCast(intent);//发送广播
5.撕衣服的小应用
①对图片进行缩放处理,代码拷贝图片,不对原图进行操作
本质上是两张图片相互覆盖,如果在图片上滑动,就把滑动的区域设置为透明.
//不要修改原图,先创建一个原图的拷贝
创建空白图片,创建画板,创建画笔,画一个跟原图一样的图片
②设置触摸事件
onTouch方法返回值记得设置为true
触摸的点设置为透明
设置按下点为透明,alertBitmap.setPixel(x,y,Color.TRANSPARENT)//设置为透明的
然后重新设置图片lv.setImageBitMap(图片)即可
③撕衣服用户体验差,需要提高撕衣服的范围
//通过 for循环把对应坐标点的周围的点也设置为透明
这样每次的透明块是一个矩形块,不好看,要每次的透明块为一个圆形更好
由此图可知,需要一个圆形,就代表这个像素点的坐标到圆心的距离小于等于3(通过勾股定理可以算出)
Math.sqrt()开平方
④如果超出图片范围就崩溃.
处理方式:把异常捕获进来,然后超出图片就不会出异常(尴尬)
⑤getX()和getrawX()的区别raw(未经处理的)
getrawX()距离屏幕左边的距离.getrawY()距离屏幕上边的距离
getX()距离当前控件的左边距离,getY()距离当前控件上边的距离
6,图片颜色的处理
图像颜色的处理:把每个像素点的颜色按照一定的规则进行变化,就会出现新的效果
颜色矩阵模板代码:
ColorMatrix cm = new ColocrMartix();//颜色矩阵
Cm.set(new float[]{
1*result(变化比例),0,0,0,0, //red
0,1,0,0,0, //green
0,0,1,0,0, //blue
0,0,0,1,0 //透明度
});
paint.setColorFilter(new ColorMatrixColorFilter(cm));//设置颜色过滤器
然后根据拖动条改变对应的颜色即可