Wie implementiert man den Zoom-Effekt für die Bildansicht in Android?

Implementierung Bild Zoomen, ich habe versucht mit so vielen codes.Aber ich habe nicht bekommen, die volle Idee von Geste und Veranstaltungen. Ich möchte zu implementieren, wenn man doppelt Tippen, wird ein Bild Zoomen nach dem touch(event x und y).Ich habe zu implementieren, nur das Zoomen in dieser Zeit keine Pfanne.Kann jeder Körper mir empfehlen ?

Bearbeiten:
Eigentlich habe ich umgesetzt, dass der viewflipper mit Bildern, wenn ich versuche, Schwenk-und zoom-Effekt, manchmal werden die Bilder verändert.Ich möchte zu implementieren zoom-Effekt, wo der Benutzer geklickt wird.

Geben Sie mir einige Idee, dass....

InformationsquelleAutor der Frage Android Developer World | 2011-12-06

Faul Mann kann diese libimportieren Sie Einfach in Ihrem Projekt und

ImageView mImageView;
PhotoViewAttacher mAttacher;

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    //Any implementation of ImageView can be used!
    mImageView = (ImageView) findViewById(R.id.iv_photo);

    //Set the Drawable displayed
    Drawable bitmap = getResources().getDrawable(R.drawable.wallpaper);
    mImageView.setImageDrawable(bitmap);

    //Attach a PhotoViewAttacher, which takes care of all of the zooming functionality.
    mAttacher = new PhotoViewAttacher(mImageView);
}


//If you later call mImageView.setImageDrawable/setImageBitmap/setImageResource/etc then you just need to call
mAttacher.update();

InformationsquelleAutor der Antwort star18bit

50

Hier ist eine der effizientesten Art und Weise, es funktioniert reibungslos:

https://github.com/MikeOrtiz/TouchImageView

Ort TouchImageView.java in Ihrem Projekt. Es kann dann verwendet werden, die gleichen wie
ImageView.

Beispiel:
```
TouchImageView img = (TouchImageView) findViewById(R.id.img);
```
Wenn Sie TouchImageView im xml -, dann müssen Sie den vollständigen Paket
Namen, denn es ist eine benutzerdefinierte Ansicht.

Beispiel:
```
    <com.example.touch.TouchImageView
            android:id="@+id/img”
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
```
InformationsquelleAutor der Antwort Victor
11

Ist hier ein gutes Beispiel auf, wie die Umsetzung der zoom Einfluss auf die touch mit einer Bildansicht

Zoom-Effekt auf Bildansicht

EDIT:

Auch hier ist ein weiterer großer ein.

Pinch to zoom tutorial

InformationsquelleAutor der Antwort coder_For_Life22
9

Ich hoffe, Sie sind wohlauf.oft geschieht es mit allem, wenn Sie möchten, fügen Sie neue Funktionalität in Ihrer app dann in der Regel, Sie alle suchen nach Bibliotheken, die keine gute Taktik, weil Sie nicht wissen, welche Art von code ist in diesem libabry. also ich bevorzuge immer eine Abspaltung der Bibliotheken und hinzufügen von nützlichen Klassen und Methoden, die in meiner Anwendung code.

so, wenn ich stecken mit dem gleichen Problem, ich machen viel sehr viel R&D, dann finde ich eine Klasse, die die Fähigkeit gibt, zoomIn ,zoomOut und pinIn heraus. so können Sie sehen, dass Klasse hier..

so, wie ich gesagt, es ist eine einzelne Klasse. so können Sie dieses Klasse überall in Ihren Projekten, wie utils".und setzen Sie folgenden Zeilen in die XML-Dateien wie:
```
<your_packege_name.TouchImageView
        android:id="@+id/frag_imageview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitCenter"
        android:src="@drawable/default_flag"
        android:transitionName="@string/transition_name_phone" /> 
```
und Sie können finden, dass die Bild-Ansicht in das ANGESEHENE Tätigkeit, wie Sie für alle Ansichten wie -:
```
TouchImageView tv=(TouchImageView)findViewById(R.id.frag_imageview); 
tv.setImageResource(R.drawable.ic_play);
```
dass es für TouchImageView.
genießen Sie unser code 🙂

InformationsquelleAutor der Antwort John smith

Sehr einfache Art und Weise (Getestet) :-

PhotoViewAttacher pAttacher;
pAttacher = new PhotoViewAttacher(Your_Image_View);
pAttacher.update();

Hinzufügen Balg-line in bauen.gradle :-

compile 'com.commit451:PhotoView:1.2.4'

InformationsquelleAutor der Antwort Premkumar Manipillai

5

Dies ist in der Tat das beste Beispiel dafür, immer für Bild-Zoom und Pan in android,

http://blog.sephiroth.it/2011/04/04/imageview-zoom-and-scroll/

InformationsquelleAutor der Antwort Sujit

Sie könnte prüfen, die Antwort in eine Frage im Zusammenhang.
https://stackoverflow.com/a/16894324/1465756

Nur import-Bibliothek https://github.com/jasonpolites/gesture-imageview.

in Ihr Projekt und fügen Sie Folgendes in Ihre layout-Datei:

<LinearLayout
   xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:gesture-image="http://schemas.polites.com/android"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent">

<com.polites.android.GestureImageView
   android:id="@+id/image"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:src="@drawable/image"
   gesture-image:min-scale="0.1"
   gesture-image:max-scale="10.0"
   gesture-image:strict="false"/>`

InformationsquelleAutor der Antwort arniotaki

2

Ich bevorzugte die Bibliothek davemorrissey/subsampling-scale-image-anzeigen
über chrisbanes/PhotoView
(Antwort von star18bit)
- Beide sind aktive Projekte (beide haben einige commits in 2015)
- Beide haben eine Demo auf die PlayStore
- subsampling-Skala-Bild-Ansicht unterstützt große Bilder (über 1080p), ohne memory-Ausnahme durch sub-sampling, die PhotoView nicht unterstützt
- subsampling-Skala-Bild-Ansicht zu haben scheint größer API und eine bessere Dokumentation.
Sehen Wie konvertieren von AAR-JARwenn Sie wie zu verwenden subsampling-scale-image-anzeigen mit Eclipse/ADT

InformationsquelleAutor der Antwort OneWorld

public class ImageFullViewActivity erstreckt AppCompatActivity {

private ScaleGestureDetector mScaleGestureDetector;
private float mScaleFactor = 1.0f;
private ImageView mImageView;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.image_fullview);

    mImageView = (ImageView) findViewById(R.id.imageView);
    mScaleGestureDetector = new ScaleGestureDetector(this, new ScaleListener());

}

@Override
public boolean onTouchEvent(MotionEvent motionEvent) {
    mScaleGestureDetector.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));
        mImageView.setScaleX(mScaleFactor);
        mImageView.setScaleY(mScaleFactor);
        return true;
    }
}

}

InformationsquelleAutor der Antwort Efi G

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.