A
Android Question
Guest
Hi,
I have 10 images in Linear Layout ScrollView. My Requirement is when i click on the Image that image should appear in Top Left of the screen and it allow multitouch. I used the below code but i am able to get the touch avaliablity with the current image only. Please help me...
public class StickersActivity extends Activity
{
@override
protected void onCreate(Bundle Data)
{
super.onCreate(Data);
setContentView(R.layout.activity_stickers);
rm = (RelativeLayout) findViewById(R.id.rl1);
params = new RelativeLayout.LayoutParams(
LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
ll = new RelativeLayout(this);
dImg = new ImageView(this);
j++;
dImg.setId(j);
dImg.setScaleType(ImageView.ScaleType.MATRIX);
ll.addView(dImg);
dImg.setLayoutParams(params);
rm.addView(ll);
img1=(ImageView)findViewById(R.id.imageone);
img2=(ImageView)findViewById(R.id.imagetwo);
img3=(ImageView)findViewById(R.id.imagethree);
img4=(ImageView)findViewById(R.id.imagefour);
img1.setOnClickListener(new OnClickListener() {
@override
public void onClick(View v) {
// TODO Auto-generated method stub
dynamicCreate(R.drawable.imgone);
}
});
img2.setOnClickListener(new OnClickListener() {
@override
public void onClick(View v) {
// TODO Auto-generated method stub
dynamicCreate(R.drawable.image2);
}
});
img3.setOnClickListener(new OnClickListener() {
@override
public void onClick(View v) {
// TODO Auto-generated method stub
dynamicCreate(R.drawable.image3);
}
});
img4.setOnClickListener(new OnClickListener() {
@override
public void onClick(View v) {
// TODO Auto-generated method stub
dynamicCreate(R.drawable.image2);
}
});
}
public void dynamicCreate(int one)
{
//img.setImageResource(R.drawable.imgone);
params = new RelativeLayout.LayoutParams(
LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
ll = new RelativeLayout(this);
dImg = new ImageView(this);
j++;
dImg.setId(j);
dImg.setScaleType(ImageView.ScaleType.MATRIX);
ll.addView(dImg);
dImg.setLayoutParams(params);
rm.addView(ll);
//one = getApplicationContext().getResources().getDrawable(one);
dImg.setImageResource(one);
dImg.setOnTouchListener(new View.OnTouchListener() {
@override
public boolean onTouch(View v, MotionEvent event) {
// handle touch events here
RelativeLayout.LayoutParams layoutParams2 = (RelativeLayout.LayoutParams) v.getLayoutParams();
// rest of the onTouch callback...
v.setLayoutParams(layoutParams2);
ImageView dImg = (ImageView) v;
switch (event.getAction() & MotionEvent.ACTION_MASK) {
case MotionEvent.ACTION_DOWN:
savedMatrix.set(matrix);
start.set(event.getX(), event.getY());
mode = DRAG;
lastEvent = null;
break;
case MotionEvent.ACTION_POINTER_DOWN:
oldDist = spacing(event);
if (oldDist > 10f) {
savedMatrix.set(matrix);
midPoint(mid, event);
mode = ZOOM;
}
lastEvent = new float[4];
lastEvent[0] = event.getX(0);
lastEvent[1] = event.getX(1);
lastEvent[2] = event.getY(0);
lastEvent[3] = event.getY(1);
d = rotation(event);
break;
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_POINTER_UP:
mode = NONE;
lastEvent = null;
break;
case MotionEvent.ACTION_MOVE:
if (mode == DRAG) {
matrix.set(savedMatrix);
float dx = event.getX() - start.x;
float dy = event.getY() - start.y;
matrix.postTranslate(dx, dy);
} else if (mode == ZOOM) {
float newDist = spacing(event);
if (newDist > 10f) {
matrix.set(savedMatrix);
float scale = (newDist / oldDist);
matrix.postScale(scale, scale, mid.x, mid.y);
}
if (lastEvent != null && event.getPointerCount() == 3) {
newRot = rotation(event);
float r = newRot - d;
float[] values = new float[9];
matrix.getValues(values);
float tx = values[2];
float ty = values[5];
float sx = values[0];
float xc = (orgimg2.getWidth() / 2) * sx;
float yc = (orgimg2.getHeight() / 2) * sx;
matrix.postRotate(r, tx + xc, ty + yc);
}
}
break;
}
dImg.setImageMatrix(matrix);
return true;
}
});
}
private float spacing(MotionEvent event) {
float x = event.getX(0) - event.getX(1);
float y = event.getY(0) - event.getY(1);
return FloatMath.sqrt(x * x + y * y);
}
private void midPoint(PointF point, MotionEvent event) {
float x = event.getX(0) + event.getX(1);
float y = event.getY(0) + event.getY(1);
point.set(x / 2, y / 2);
}
private float rotation(MotionEvent event) {
double delta_x = (event.getX(0) - event.getX(1));
double delta_y = (event.getY(0) - event.getY(1));
double radians = Math.atan2(delta_y, delta_x);
return (float) Math.toDegrees(radians);
}
}
Thanks in Advance,
Raji
I have 10 images in Linear Layout ScrollView. My Requirement is when i click on the Image that image should appear in Top Left of the screen and it allow multitouch. I used the below code but i am able to get the touch avaliablity with the current image only. Please help me...
public class StickersActivity extends Activity
{
@override
protected void onCreate(Bundle Data)
{
super.onCreate(Data);
setContentView(R.layout.activity_stickers);
rm = (RelativeLayout) findViewById(R.id.rl1);
params = new RelativeLayout.LayoutParams(
LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
ll = new RelativeLayout(this);
dImg = new ImageView(this);
j++;
dImg.setId(j);
dImg.setScaleType(ImageView.ScaleType.MATRIX);
ll.addView(dImg);
dImg.setLayoutParams(params);
rm.addView(ll);
img1=(ImageView)findViewById(R.id.imageone);
img2=(ImageView)findViewById(R.id.imagetwo);
img3=(ImageView)findViewById(R.id.imagethree);
img4=(ImageView)findViewById(R.id.imagefour);
img1.setOnClickListener(new OnClickListener() {
@override
public void onClick(View v) {
// TODO Auto-generated method stub
dynamicCreate(R.drawable.imgone);
}
});
img2.setOnClickListener(new OnClickListener() {
@override
public void onClick(View v) {
// TODO Auto-generated method stub
dynamicCreate(R.drawable.image2);
}
});
img3.setOnClickListener(new OnClickListener() {
@override
public void onClick(View v) {
// TODO Auto-generated method stub
dynamicCreate(R.drawable.image3);
}
});
img4.setOnClickListener(new OnClickListener() {
@override
public void onClick(View v) {
// TODO Auto-generated method stub
dynamicCreate(R.drawable.image2);
}
});
}
public void dynamicCreate(int one)
{
//img.setImageResource(R.drawable.imgone);
params = new RelativeLayout.LayoutParams(
LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
ll = new RelativeLayout(this);
dImg = new ImageView(this);
j++;
dImg.setId(j);
dImg.setScaleType(ImageView.ScaleType.MATRIX);
ll.addView(dImg);
dImg.setLayoutParams(params);
rm.addView(ll);
//one = getApplicationContext().getResources().getDrawable(one);
dImg.setImageResource(one);
dImg.setOnTouchListener(new View.OnTouchListener() {
@override
public boolean onTouch(View v, MotionEvent event) {
// handle touch events here
RelativeLayout.LayoutParams layoutParams2 = (RelativeLayout.LayoutParams) v.getLayoutParams();
// rest of the onTouch callback...
v.setLayoutParams(layoutParams2);
ImageView dImg = (ImageView) v;
switch (event.getAction() & MotionEvent.ACTION_MASK) {
case MotionEvent.ACTION_DOWN:
savedMatrix.set(matrix);
start.set(event.getX(), event.getY());
mode = DRAG;
lastEvent = null;
break;
case MotionEvent.ACTION_POINTER_DOWN:
oldDist = spacing(event);
if (oldDist > 10f) {
savedMatrix.set(matrix);
midPoint(mid, event);
mode = ZOOM;
}
lastEvent = new float[4];
lastEvent[0] = event.getX(0);
lastEvent[1] = event.getX(1);
lastEvent[2] = event.getY(0);
lastEvent[3] = event.getY(1);
d = rotation(event);
break;
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_POINTER_UP:
mode = NONE;
lastEvent = null;
break;
case MotionEvent.ACTION_MOVE:
if (mode == DRAG) {
matrix.set(savedMatrix);
float dx = event.getX() - start.x;
float dy = event.getY() - start.y;
matrix.postTranslate(dx, dy);
} else if (mode == ZOOM) {
float newDist = spacing(event);
if (newDist > 10f) {
matrix.set(savedMatrix);
float scale = (newDist / oldDist);
matrix.postScale(scale, scale, mid.x, mid.y);
}
if (lastEvent != null && event.getPointerCount() == 3) {
newRot = rotation(event);
float r = newRot - d;
float[] values = new float[9];
matrix.getValues(values);
float tx = values[2];
float ty = values[5];
float sx = values[0];
float xc = (orgimg2.getWidth() / 2) * sx;
float yc = (orgimg2.getHeight() / 2) * sx;
matrix.postRotate(r, tx + xc, ty + yc);
}
}
break;
}
dImg.setImageMatrix(matrix);
return true;
}
});
}
private float spacing(MotionEvent event) {
float x = event.getX(0) - event.getX(1);
float y = event.getY(0) - event.getY(1);
return FloatMath.sqrt(x * x + y * y);
}
private void midPoint(PointF point, MotionEvent event) {
float x = event.getX(0) + event.getX(1);
float y = event.getY(0) + event.getY(1);
point.set(x / 2, y / 2);
}
private float rotation(MotionEvent event) {
double delta_x = (event.getX(0) - event.getX(1));
double delta_y = (event.getY(0) - event.getY(1));
double radians = Math.atan2(delta_y, delta_x);
return (float) Math.toDegrees(radians);
}
}
Thanks in Advance,
Raji