1

Estoy creando un visor de imágenes, estilo como lleva android nativo, que deja expandir la imagen, moverte por ella, con los tipicos gestos:

  • Pelliscar para hacer zoom
  • Doble toque para hacer zoom automáticamente
  • Al tener la imágen expandida poderte mover por ella
  • Al tocar un solo toque oculte la ActionBar
  • Se muestre a Pantalla completa
  • La carga de imágenes que sea de internet

1 respuesta 1

1

Dejo mi solución usando varias librerias

introducir la descripción de la imagen aquí

La fuente de la imagen es de grande resolución 8k

Glide para la carga de imágenes remotamente xuanimageview como sustito del Imageview, es el que permite hacer zoom, drag&pan y rotar con sistema magnético, para poder poner la imagen en vertical o horizontal

Agregar la librerías

compile 'com.github.bumptech.glide:glide:3.7.0'
compile 'com.github.allenxuan:xuanimageview:0.4.0'

Para interceptar los toques he creado un componente personalizado extendido del xuaniImageView y agregar un callback al detectar singleTapConfirmed

import com.allenxuan.xuanyihuang.xuanimageview.XuanImageView;

interface MyGestureDetector {
    void onSingleTap();
}

public class PhotoImageView extends XuanImageView implements View.OnTouchListener, GestureDetector.OnGestureListener,
        GestureDetector.OnDoubleTapListener {

    GestureDetectorCompat mGestureDetector;

    private static final String TAG = PhotoImageView.class.getSimpleName() + "my";
    MyGestureDetector callback;

    public PhotoImageView(Context context) {
        super(context);
        init(context);
    }

    public PhotoImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }

    public PhotoImageView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    private void init(Context context) {
        mGestureDetector = new GestureDetectorCompat(context, this);
    }

    @Override
    public boolean onTouch(View view, MotionEvent motionEvent) {
        //Log.d(TAG, "onTouch: ");
        return mGestureDetector.onTouchEvent(motionEvent);
    }

    @Override
    public boolean onDown(MotionEvent motionEvent) {
        //Log.d(TAG, "onDown: ");
        return false;
    }

    @Override
    public void onShowPress(MotionEvent motionEvent) {
        //Log.d(TAG, "onShowPress: ");
    }

    @Override
    public boolean onSingleTapUp(MotionEvent motionEvent) {
        //Log.d(TAG, "onSingleTapUp: ");
        return false;
    }

    @Override
    public boolean onScroll(MotionEvent motionEvent, MotionEvent motionEvent1, float v, float v1) {
        //Log.d(TAG, "onScroll: ");
        return false;
    }

    @Override
    public void onLongPress(MotionEvent motionEvent) {

    }


    @Override
    public boolean onFling(MotionEvent motionEvent, MotionEvent motionEvent1, float v, float v1) {
        //Log.d(TAG, "onFling: ");
        return false;
    }

    @Override
    public boolean onTouchEvent(MotionEvent motionEvent) {
        this.mGestureDetector.onTouchEvent(motionEvent);
        return super.onTouchEvent(motionEvent);
    }


    @Override
    public boolean onDoubleTap(MotionEvent event) {
        //Log.i(TAG, "onDoubleTap: " + event.toString());
        return true;
    }

    @Override
    public boolean onDoubleTapEvent(MotionEvent event) {
        //Log.d(TAG, "onDoubleTapEvent: " + event.toString());
        return true;
    }

    @Override
    public boolean onSingleTapConfirmed(MotionEvent event) {
        //Log.d(TAG, "onSingleTapConfirmed: " + event.toString());
        if (callback != null) callback.onSingleTap();
        return true;
    }

}

El layou.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:animateLayoutChanges="true"
    tools:context="com.webserveis.app.testtransitions.PhotoViewActivity">



    <com.webserveis.app.testtransitions.PhotoImageView
        android:id="@+id/iv_photo"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/dummy_image"
        app:AutoRotateCategory="2" />

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="#88676767"
        app:popupTheme="@style/AppTheme.PopupOverlay" />

</FrameLayout>

Y el código del MainActivity.java

public class PhotoViewActivity extends AppCompatActivity {

    private static final String TAG = PhotoViewActivity.class.getSimpleName();
    private ActionBar actionBar;
    private MyCountDownTimer countDownTimer;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        Log.i(TAG, "onCreate: ");

        setContentView(R.layout.activity_photo_view);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        actionBar = getSupportActionBar();
        toggleHideyBar();

        if (actionBar != null) {
            actionBar.setDisplayHomeAsUpEnabled(true);
        }

        countDownTimer = new MyCountDownTimer(8 * 1000, 1 * 1000);
        countDownTimer.start();


        PhotoImageView ivPhoto = (PhotoImageView) findViewById(R.id.iv_photo);

        ivPhoto.callback = new MyGestureDetector() {
            public void onSingleTap() {
                // callback code goes here
                Log.d(TAG, "onSingleTap: ");

                if (actionBar.isShowing()) {
                    if (actionBar.isShowing()) actionBar.hide();
                    countDownTimer.cancel();
                } else {
                    actionBar.show();
                    countDownTimer.cancel();
                    countDownTimer.start();
                }

            }

        };


        Glide.with(this).load("http://sdeerwallpaper.com/Cool-Wallpapers/8k-wallpapers-high-quality-Is-Cool-Wallpapers.jpg").into(ivPhoto);


    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case android.R.id.home:
                onBackPressed();
                return true;
            default:
                return super.onOptionsItemSelected(item);
        }
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        countDownTimer.cancel();
    }

    private class MyCountDownTimer extends CountDownTimer {
        MyCountDownTimer(long startTime, long interval) {
            super(startTime, interval);
        }

        @Override
        public void onFinish() {
            //DO WHATEVER YOU WANT HERE
            Log.d(TAG, "MyCountDownTimer onFinish: ");
            if (getSupportActionBar() != null) {
                if (getSupportActionBar().isShowing()) {
                    getSupportActionBar().hide();
                    Log.i(TAG, "Hide ActionBar: ");
                }
            }
        }

        @Override
        public void onTick(long millisUntilFinished) {
            Log.d(TAG, "onTick: ");
        }

    }

    public void toggleHideyBar() {

        int uiOptions = getWindow().getDecorView().getSystemUiVisibility();
        int newUiOptions = uiOptions;
        boolean isImmersiveModeEnabled =
                ((uiOptions | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY) == uiOptions);
        if (isImmersiveModeEnabled) {
            Log.i(TAG, "Turning immersive mode mode off. ");
        } else {
            Log.i(TAG, "Turning immersive mode mode on.");
        }

        // Navigation bar hiding:  Backwards compatible to ICS.
        if (Build.VERSION.SDK_INT >= 14) {
            newUiOptions ^= View.SYSTEM_UI_FLAG_HIDE_NAVIGATION;
        }

        // Status bar hiding: Backwards compatible to Jellybean
        if (Build.VERSION.SDK_INT >= 16) {
            newUiOptions ^= View.SYSTEM_UI_FLAG_FULLSCREEN;
        }

        if (Build.VERSION.SDK_INT >= 18) {
            newUiOptions ^= View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY;
        }

        getWindow().getDecorView().setSystemUiVisibility(newUiOptions);
        //END_INCLUDE (set_ui_flags)
    }

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.