android 放大镜ShapeDrawable妙用分享

android上想实现局部放大的效果,比如画面中加个放大镜的效果,发现ShapeDrawable是一个最好的选择。

首先,ShapeDrawable构造的时候可以指定描画的形状,

其次,可以通过shape.getPaint().setShader();指定Shader,shader可以接受一个图片和matrix

所以问题就顺利的解决了:)

具体实现如下:

float scale = 1.2f; 

int cx = 224; 
int cy = 357; 
int r = 200; 

// 指定形状创建一个ShapeDrawable  
ShapeDrawable shape=new ShapeDrawable(new OvalShape()); 
Bitmap bm = BitmapFactory.decodeResource(getResources(),R.drawable.bg1); 
BitmapShader bs = new BitmapShader(bm, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP); 

Matrix m = new Matrix(); 
m.setTranslate(r-cx, r-cy); 
m.postScale(scale, scale); 
bs.setLocalMatrix(m);   // 图形变换可以在这里实现,包括区域指定  

// 为ShapeDrawable设置Shader  
shape.getPaint().setShader(bs); 

// 指定描画目标位置  
shape.setBounds((int)(cx-r*scale),(int)(cy-r*scale),(int)(cx+r*scale),(int)(cy+r*scale)); 
canvas.drawBitmap(bm, 0, 0, null); 
shape.draw(canvas);

 

float scale = 1.2f;

int cx = 224;
int cy = 357;
int r = 200;


// 指定形状创建一个ShapeDrawable
ShapeDrawable shape=new ShapeDrawable(new OvalShape());
Bitmap bm = BitmapFactory.decodeResource(getResources(),R.drawable.bg1);
BitmapShader bs = new BitmapShader(bm, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);

Matrix m = new Matrix();
m.setTranslate(r-cx, r-cy);
m.postScale(scale, scale);
bs.setLocalMatrix(m); // 图形变换可以在这里实现,包括区域指定

// 为ShapeDrawable设置Shader
shape.getPaint().setShader(bs);

// 指定描画目标位置
shape.setBounds((int)(cx-r*scale),(int)(cy-r*scale),(int)(cx+r*scale),(int)(cy+r*scale));
canvas.drawBitmap(bm, 0, 0, null);
shape.draw(canvas);

posted @ 2015-06-12 09:48  星耀1  阅读(381)  评论(0编辑  收藏  举报