يوضح هذا المثال الطريقة المبسطة لكيفية تكبير وتصغير صورة بمعرض صور الاندرويد

كما تعودنا نقوم بإنشاء تطبيق جديد

  •  الخطوة 1: ضع الكود التالي مكان الموجود في ملف (activity_main.xml) 
    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:padding="16dp"
        android:gravity="center"
        tools:context=".MainActivity">
        <ImageView
            android:id="@+id/imageView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@drawable/image" />
    </LinearLayout>

     

  • الخطوة 2: ضع الكود التالي مكان الموجود في ملف (MainActivity.java) 
    package greenfinger.zoomview;
    
    import android.os.Bundle;
    import android.support.v7.app.AppCompatActivity;
    import android.view.MotionEvent;
    import android.view.ScaleGestureDetector;
    import android.widget.ImageView;
    public class MainActivity extends AppCompatActivity {
        private ScaleGestureDetector scaleGestureDetector;
        private float mScaleFactor = 1.0f;
        private ImageView imageView;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            imageView=findViewById(R.id.imageView);
            scaleGestureDetector = new ScaleGestureDetector(this, new ScaleListener());
        }
        @Override
        public boolean onTouchEvent(MotionEvent motionEvent) {
            scaleGestureDetector.onTouchEvent(motionEvent);
            return true;
        }
        private class ScaleListener extends ScaleGestureDetector.SimpleOnScaleGestureListener {
            @Override
            public boolean onScale(ScaleGestureDetector scaleGestureDetector) {
                mScaleFactor *= scaleGestureDetector.getScaleFactor();
                mScaleFactor = Math.max(0.1f, Math.min(mScaleFactor, 10.0f));
                imageView.setScaleX(mScaleFactor);
                imageView.setScaleY(mScaleFactor);
                return true;
            }
        }
    }

     

  •  الخطوة 3: ضع الكود التالي مكان الموجود في ملف (AndroidManifest.xml) 
    <?xml version="1.0" encoding="utf-8"?>
    <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="greenfinger.zoomview">
        <application
            android:allowBackup="true"
            android:icon="@mipmap/ic_launcher"
            android:label="@string/app_name"
            android:roundIcon="@mipmap/ic_launcher_round"
            android:supportsRtl="true"
            android:theme="@style/AppTheme">
            <activity android:name=".MainActivity">
                <intent-filter>
                    <action android:name="android.intent.action.MAIN" />
                    <category android:name="android.intent.category.LAUNCHER" />
                </intent-filter>
            </activity>
        </application>
    </manifest>

     

  •  الخطوة 4: تغيير الرزمة (package)
    package greenfinger.zoomview;

    الآن قم بتشغيل التطبيق، بالتوفيق.