如何通过画布绘制DrawBitmap位图的一部分 [英] How to Draw Portion of Bitmap via Canvas DrawBitmap
问题描述
我有一个结果
![](\"http://i.stack.imgur.com/KyjP0.png\")
- 的FrameLayout（用红色标出）
- 来源ImageView的（黑色）
- 对象（ImageView的）与OnTouchListener（橙色）
通过对象与OnTouchListener，我想显示位图的一部分，这是填补ImageView的（源的ImageView ）。
因此，这不是一个问题，我做这样的：结果位图BT = Bitmap.createBitmap（sourceBitmap中，event.getX（），event.getY（），250,250）;
其中，
- sourceBitmap中 - 是要被添加到源ImageView的图片
- event.getX（） / event.getY（）是一个坐标，在那里我开始绘制位图的一部分
- 250 250 - 它的部分位图（部分）的大小。
和其结果是：
![](\"http://i.stack.imgur.com/VTpFV.jpg\")
所以出现的问题，当我的对象（touchlistener），去边境（我有此可能性的橙色的对象，去的退出边界与Object.width（）/ 2）。
因此，在这种情况下：结果
![](\"http://i.stack.imgur.com/HOB11.png\")
我如何能实现这样的结果：结果
![](\"http://i.stack.imgur.com/yXqCu.png\")
其中，部的结果将是：
- 位图的一部分
- 第二部分是背景的FrameLayout的颜色。
我试图在目前的时刻：
公共布尔onTouch（查看视图，MotionEvent事件）{ 开关（event.getAction（））{
案例MotionEvent.ACTION_MOVE： //我想corrds画更大一部分则
INT CurrentX =（int）的view.getX（） - （view.getWidth（））;
INT CurrentY =（int）的view.getY（） - （view.getHeight（））; //情况下，当对象是走出去边境
如果（CurrentX＆下; = 0）
{
涂料粉刷=新的油漆（）;
paint.setStyle（Style.FILL）;
paint.setColor（Color.RED）; mBitmap = Bitmap.CreateBitmap（sourceBitmap中，（int）的view.getX（）+ Math.abs（CurrentX），（INT）view.getY（），250,250）;
帆布帆布=新的Canvas（mBitmap）;
canvas.drawBitmap（mBitmap，新的矩形（（INT）view.getX（）+ Math.abs（CurrentX），（INT）view.getY（），250 Math.abs（CurrentX），250），新RectF（数学。ABS（CurrentX），0，250,250），涂料）;
}
打破;
} 返回true;
}
}
有什么建议？谢谢！
按我！结果解决
这是的的复杂的，但结果是pretty不错。结果
在这里，我们的走：结果
因此，对于我的情况（适用时OnTouchListener对象可以出去边界在X和Y轴），我所做的后期条件（某种法规）。
条件
宽度 =宽度的的ImageView 的，在这里我想显示的结果。结果
身高 =身高的ImageView 的，在这里我想说明的结果;
LeftSide
- X_Coord ＆LT; 0 ＆放大器;＆安培; Y_Coord - 身高/ 2 ＆LT; 0安培;＆安培; Y_Coord ＆LT; Bitmap.Height 结果
这是我们的热门区 - X_Coord ＆LT; 0 ＆放大器;＆安培; Y_Coord - 身高/ 2 > 0安培;＆安培; Y_Coord ＆LT; Bitmap.Height 结果
这是我们的中东地区即可。 - X_Coord ＆LT; 0 ＆放大器;＆安培; Y_Coord - 身高/ 2 > 0安培;＆安培; Y_Coord > Bitmap.Height 结果
这是我们的底部区域
RightSide
- X_Coord > Bitmap.Height ＆放大器;＆安培; Y_Coord - 身高/ 2 > 0安培;＆安培; Y_Coord ＆LT; Bitmap.Height 结果
这是我们的中东地区即可。 - X_Coord > Bitmap.Height ＆放大器;＆安培; Y_Coord - 身高/ 2 ＆LT; 0安培;＆安培; Y_Coord ＆LT; Bitmap.Height 结果
这是我们的热门区。 - X_Coord > Bitmap.Height ＆放大器;＆安培; Y_Coord - 身高/ 2 > 0安培;＆安培; Y_Coord > Bitmap.Height 结果
这是我们的底部区域
斯坦达特（中面积，即不会左侧或右侧）
- X_Coord - 宽度/ 2 > 0 ＆放大器;＆安培; X_Coord ＆LT; Bitmap.Width ＆放大器;＆安培; Y_Coord - 身高/ 2 ＆LT; 0安培;＆安培; Y_Coord ＆LT; Bitmap.Height 结果
这是我们的热门区。 - X_Coord - 宽度/ 2 > 0 ＆放大器;＆安培; X_Coord ＆LT; Bitmap.Width ＆放大器;＆安培; Y_Coord - 身高/ 2 > 0安培;＆安培; Y_Coord > Bitmap.Height 结果
这是我们的底部区域。 - X_Coord - 宽度/ 2 > 0 ＆放大器;＆安培; X_Coord ＆LT; Bitmap.Width ＆放大器;＆安培; Y_Coord - 身高/ 2 > 0安培;＆安培; Y_Coord ＆LT; Bitmap.Height 结果
这是我们的中东地区
所以，通过这种条件，我画我的 MotionEvent.ACTION_MOVE 情况下位图的一部分。结果
让我们来看看一些例子：
公共布尔onTouch（查看视图，MotionEvent事件）{ 开关（event.getAction（））{
案例MotionEvent.ACTION_MOVE： INT宽度= ResultImgView.getWidth（）;
INT高度= ResultImgView.getHeight（）;
//油漆为我们的红色背景
涂料粉刷=新的油漆（）;
paint.setStyle（Style.FILL）;
paint.setColor（Color.RED）;
位图mBitmap = NULL;
帆布帆布= NULL; //我们的条件
如果（view.getX（） - 宽/ 2 - = SourceBitmap.getWidth（）
＆功放;＆安培; view.getY（） - 身高/ 2 - ; 0安培;＆安培; view.getY（）+身高/ 2版; SourceBitmap.getHeight（））
{
//不错，我们在此输入。看来，我们现在位于RightSide在中间位置
//因此，让我们画位图的一部分。
//我们对于x COORDS保证金
INT差=（INT）（（view.getX（） - 宽/ 2） - SourceBitmap.getWidth（）;
//不要忘记把保证金
// BTW我们现在把位图的一部分
mBitmap = Bitmap.createBitmap（sourceBitmap中，（（INT）view.getX（） - 宽/ 2） - 差（INT）view.getY（） - 身高/ 2，宽度，高度）;
帆布=新的Canvas（mBitmap）;
//绘制矩形
canvas.drawRect（0,0，mBitmap.getWidth（），mBitmap.getHeight（），漆）;
//画出位图的一部分
canvas.drawBitmap（mBitmap，新的矩形（差异，0，mBitmap.getWidth（），mBitmap.getHeight（）），新的矩形（0,0，mBitmap.getWidth（） - 差，mBitmap.getHeight（）），空） ;
//就这样！
} //其他情况做同样的....等
打破;
} 返回true;
}
尽情享受吧！
PS对不起，我的工程：）
。I have an
:
- FrameLayout(marked with red)
- Source ImageView(black)
- Object(imageview) with OnTouchListener (orange)
Via Object with OnTouchListener,i want to show a portion of bitmap,that are filled on imageview(source imageview).
So it's not a problem,i'm doing like this:
Bitmap bt = Bitmap.createBitmap(sourceBitmap,event.getX(),event.getY(),250,250);
where:
- SourceBitmap - is an image that are added to source ImageView
- event.getX() / event.getY() is an coord,where i start to draw portion of bitmap
- 250,250 - its an size of portion bitmap(part).
and the result is:
So the problems occurs,when my object(with touchlistener),going to the border(i have made this possibility for orange object,to go out of border with Object.width()/2).
So in this case:
how can i achieve this result:
where result of portion will be:
- Part of bitmap
- second part is color of framelayout background.
What i tried at current moment:
public boolean onTouch(View view, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_MOVE:
//i want to draw bigger portion then corrds
int CurrentX = (int)view.getX() - (view.getWidth());
int CurrentY = (int)view.getY() - (view.getHeight());
//case,when object is going out of border
if(CurrentX <= 0)
{
Paint paint = new Paint();
paint.setStyle( Style.FILL );
paint.setColor( Color.RED );
mBitmap = Bitmap.CreateBitmap(sourceBitmap,(int)view.getX() + Math.abs(CurrentX),(int)view.getY(),250,250);
Canvas canvas = new Canvas(mBitmap);
canvas.drawBitmap(mBitmap,new Rect((int)view.getX()+Math.abs(CurrentX), (int)view.getY(),250-Math.abs(CurrentX),250),new RectF(Math.abs(CurrentX), 0, 250,250),paint);
}
break;
}
return true;
}
}
Any suggestions? Thanks!
Solved by myself!
It was complicated,but result is pretty nice.
Here we go:
So for my case(when object with OnTouchListener can go out of border On X and Y axes),i've made Post Conditions(some kind of regulations).
Conditions
Width = Width of imageView,where i want to show result.
Height = Height of imageView,where i want to show result;
LeftSide
- X_Coord < 0 && Y_Coord - Height / 2 < 0 && Y_Coord < Bitmap.Height
This is our Top Area. - X_Coord < 0 && Y_Coord - Height / 2 > 0 && Y_Coord < Bitmap.Height
This is our Middle Area. - X_Coord < 0 && Y_Coord - Height / 2 > 0 && Y_Coord > Bitmap.Height
This is our Bottom Area.
RightSide
- X_Coord > Bitmap.Height && Y_Coord - Height / 2 > 0 && Y_Coord < Bitmap.Height
This is our Middle Area. - X_Coord > Bitmap.Height && Y_Coord - Height / 2 < 0 && Y_Coord < Bitmap.Height
This is our Top Area. - X_Coord > Bitmap.Height && Y_Coord - Height / 2 > 0 && Y_Coord > Bitmap.Height
This is our Bottom Area.
Standart(Area of Middle,that are not going to Left or Right side)
- X_Coord - Width / 2 > 0 && X_Coord < Bitmap.Width && Y_Coord - Height / 2 < 0 && Y_Coord < Bitmap.Height
This is our Top Area. - X_Coord - Width / 2 > 0 && X_Coord < Bitmap.Width && Y_Coord - Height / 2 > 0 && Y_Coord > Bitmap.Height
This is our Bottom Area. - X_Coord - Width / 2 > 0 && X_Coord < Bitmap.Width && Y_Coord - Height / 2 > 0 && Y_Coord < Bitmap.Height
This is our Middle Area.
So via this "Conditions",i'm drawing portion of bitmap on my MotionEvent.ACTION_MOVE case.
Let's see some example:
public boolean onTouch(View view, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_MOVE:
int Width = ResultImgView.getWidth();
int Height = ResultImgView.getHeight();
//paint for our Red background
Paint paint = new Paint();
paint.setStyle( Style.FILL );
paint.setColor( Color.RED );
Bitmap mBitmap = null;
Canvas canvas = null;
//Our Condition
if(view.getX() - Width / 2 >= SourceBitmap.getWidth()
&& view.getY() - Height / 2 > 0 && view.getY() + Height / 2 < SourceBitmap.getHeight())
{
//Nice,we entered here. Seems that we're now located at RightSide at Middle position
//So let's draw part of bitmap.
//our margin for X coords
int Difference = (int)((view.getX() - Width / 2 ) - SourceBitmap.getWidth();
//dont forget to put margin
//BTW we're now took portion of bitmap
mBitmap = Bitmap.createBitmap(SourceBitmap, ((int)view.getX() - Width / 2) - Difference, (int)view.getY() - Height / 2, Width,Height);
canvas = new Canvas(mBitmap);
//draw rect
canvas.drawRect(0,0,mBitmap.getWidth(),mBitmap.getHeight(),paint);
//draw portion of bitmap
canvas.drawBitmap(mBitmap,new Rect(Difference, 0,mBitmap.getWidth(),mBitmap.getHeight()),new Rect(0,0,mBitmap.getWidth() - Difference,mBitmap.getHeight()),null);
//and that's all!
}
//do the same for other condition....etc
break;
}
return true;
}
Enjoy!
PS Sorry for my eng :).
这篇关于如何通过画布绘制DrawBitmap位图的一部分的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
