Android: как выполнить масштабирование двух изображений в Android?

У меня есть два изображения внутри моего макета. Мне нужно увеличить изображение, которое я коснулся. Мы знаем, что Frame может отображать одно представление за раз. Итак, как мне выполнить масштабирование для каждого изображения отдельно? Мой xml-файл:

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center"
  android:src="@drawable/image1" />

  <ImageView
    android:id="@+id/imageView2"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center"   android:src="@drawable/image2"

  />

</FrameLayout>

Файл активности:

public class MyActivity extends Activity implements OnTouchListener
{
private static final String TAG = "Touch";

// These matrices will be used to scale points of the image
Matrix matrix = new Matrix();
Matrix savedMatrix = new Matrix();

// The 3 states (events) which the user is trying to perform
static final int NONE = 0;
static final int DRAG = 1;
static final int ZOOM = 2;
int mode = NONE;

// these PointF objects are used to record the point(s) the user is touching
PointF start = new PointF();
PointF mid = new PointF();
float oldDist = 1f;

private ImageView iv1;
private ImageView iv2;
@Override
protected void onCreate(Bundle savedInstanceState) {

    super.onCreate(savedInstanceState);

    setContentView(R.layout.main);


    iv1 = ((ImageView)findViewById(R.id.imageView1));
    iv1.setOnTouchListener(this);


    iv2 = ((ImageView)findViewById(R.id.imageView2));
    iv2.setOnTouchListener(this);



}
@Override
public boolean onTouch(View v, MotionEvent event) {
    switch (v.getId()) {
    case R.id.imageView1:
        zoomImageView(v, event);
        break;
    case R.id.imageView2:
        zoomImageView(v, event);
        break;

    default:
        break;
    }
    return true;
}
private boolean zoomImageView(View v, MotionEvent event) {


    ImageView view = (ImageView) v;
    view.setScaleType(ImageView.ScaleType.MATRIX);
    float scale;


    switch (event.getAction() & 255) 
    {
    case MotionEvent.ACTION_DOWN:   // first finger down only
        savedMatrix.set(matrix);
        start.set(event.getX(), event.getY());
        Log.d(TAG, "mode=DRAG"); // write to LogCat
        mode = DRAG;
        break;

    case MotionEvent.ACTION_UP: // first finger lifted

    case 6: // second finger lifted

        mode = NONE;
        Log.d(TAG, "mode=NONE");
        break;

    case 5: // first and second finger down

        oldDist = spacing(event);
        Log.d(TAG, "oldDist=" + oldDist);
        if (oldDist > 5f) {
            savedMatrix.set(matrix);
            midPoint(mid, event);
            mode = ZOOM;
            Log.d(TAG, "mode=ZOOM");
        }
        break;

    case MotionEvent.ACTION_MOVE:

        if (mode == DRAG) 
        { 
            matrix.set(savedMatrix);
            matrix.postTranslate(event.getX() - start.x, event.getY() - start.y); // create the transformation in the matrix  of points
        } 
        else if (mode == ZOOM) 
        { 
            // pinch zooming
            float newDist = spacing(event);
            Log.d(TAG, "newDist=" + newDist);
            if (newDist > 5f) 
            {
                matrix.set(savedMatrix);
                scale = newDist / oldDist; // setting the scaling of the
                // matrix...if scale > 1 means
                // zoom in...if scale < 1 means
                // zoom out
                matrix.postScale(scale, scale, mid.x, mid.y);
            }
        }
        break;
    }

    view.setImageMatrix(matrix); // display the transformation on screen

    return true; // indicate event was handled

}
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);
}

/*
 * --------------------------------------------------------------------------
 * Method: midPoint Parameters: PointF object, MotionEvent Returns: void
 * Description: calculates the midpoint between the two fingers
 * ------------------------------------------------------------
 */

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);
}
 }

Теперь я могу масштабировать только изображение 1, которое находится сверху. Как получить функцию масштабирования для нижнего изображения при касании изображения2? Я должен иметь возможность увеличить изображение, к которому я прикоснулся. Пожалуйста помогите.


person Rahul Baradia    schedule 20.04.2012    source источник
comment
Эй, Рахул, ты нашел какое-нибудь решение???   -  person Anshuman Jaiswal    schedule 30.04.2012
comment
извините, анхуман не получил никакого ответа. все еще пытаюсь. Если вы получите какие-либо плз, сообщите мне, спасибо ..   -  person Rahul Baradia    schedule 02.05.2012
comment
@ Tech.Rahul Вы получили свое решение, и можете ли вы представить, как мы можем применить увеличение и уменьшение масштаба для Canvas of ImageView. Я ищу ответ на мой вопрос stackoverflow.com/q/10482229/596725   -  person Herry    schedule 10.05.2012
comment
Извините, Рахул, сейчас я понятия не имею о вашей проблеме.   -  person Anshuman Jaiswal    schedule 10.05.2012
comment
все в порядке @Anshuman.. ты решил свою проблему?   -  person Rahul Baradia    schedule 10.05.2012


Ответы (2)


Вы можете использовать LinearLayout и выровнять их по горизонтали или по вертикали таким образом, у вас будет два изображения, которые независимы друг от друга, а затем используйте жесты изображения, который поддерживает масштабирование с панорамированием и двойное нажатие, см. ссылку ниже....

надеюсь, это ответит на ваш вопрос: D

Нажмите здесь!

https://github.com/jasonpolites/gesture-imageview

person dicenice    schedule 21.01.2013

Используйте ZoomageView вместо ImageView.

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >

<com.jsibbold.zoomage.ZoomageView
        android:id="@+id/imageView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:src="@drawable/image1" />

<com.jsibbold.zoomage.ZoomageView
        android:id="@+id/imageView2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:src="@drawable/image2" />

</FrameLayout>

Добавьте зависимости:

implementation 'com.jsibbold:zoomage:1.1.0'

Надеюсь, что это поможет вам.

person Unnati Patadia    schedule 23.11.2018