Проведите пальцем между отфильтрованными изображениями для Android

Я сам работал над чем-то подобным.

Для вашего конкретного случая использования я бы просто использовал холст и альфа-смешение фильтров поперек, при броске, в качестве верхнего изображения.

Чтобы сделать альфа-смешение, установите альфа-краску первого изображения (оригинала) на 255, а альфа-канал второго (фильтра) примерно на 128.

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

Это очень быстро и отлично работает на очень, очень старых устройствах.

Вот пример реализации:

    Bitmap filter,  // the filter
        original, // our original
        tempBitmap; // the bitmap which holds the canvas results 
                    // and is then drawn to the imageView
    Canvas mCanvas; // our canvas

    int x = 0;   // The x coordinate of the filter. This variable will be manipulated
                        // in either onFling or onScroll.
    void draw() {
        // clear canvas
        mCanvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);    

        // setup paint
        paint0.setAlpha(255);   // the original needs to be fully visible
        paint1.setAlpha(128);   // the filter should be alpha blended into the original.

        // enable AA for paint
        // filter image
        paint1.setAntiAlias(true);
        paint1.setFlags(Paint.ANTI_ALIAS_FLAG);     // Apply AA to the image. Optional.
        paint1.setFlags(Paint.FILTER_BITMAP_FLAG);  // In case you scale your image, apple
                                                    // bilinear filtering. Optional.
        // original image
        paint0.setAntiAlias(true);
        paint0.setFlags(Paint.ANTI_ALIAS_FLAG);
        paint0.setFlags(Paint.FILTER_BITMAP_FLAG);

        // draw onto the canvas    
        mCanvas.save();                

        mCanvas.drawBitmap(original, 0,0,paint0);
        mCanvas.drawBitmap(filter, x,0,paint1);    

        mCanvas.restore();

        // set the new image
        imageView.setImageDrawable(new BitmapDrawable(getResources(), tempBitmap));
    }

А вот основные onFling и onScroll.

private static final int SWIPE_DISTANCE_THRESHOLD = 125;
private static final int SWIPE_VELOCITY_THRESHOLD = 75;

// make sure to have implemented GestureDetector.OnGestureListener for these to work.
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
        float velocityY) {
    float distanceX = e2.getX() - e1.getX();
    float distanceY = e2.getY() - e1.getY();
    if (Math.abs(distanceX) > Math.abs(distanceY) && Math.abs(distanceX) > 
            SWIPE_DISTANCE_THRESHOLD && Math.abs(velocityX) > SWIPE_VELOCITY_THRESHOLD) {

        // change picture to
        if (distanceX > 0) {
            // start left increment
        }
        else {  // the left
            // start right increment
        }
    }
}

@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {

    // checks if we're touching for more than 2f. I like to have this implemented, to prevent
    // jerky image motion, when not really moving my finger, but still touching. Optional.
    if (Math.abs(distanceY) > 2 || Math.abs(distanceX) > 2) {  
        if(Math.abs(distanceX) > Math.abs(distanceY)) {
            // move the filter left or right
        }
    }
}

Примечание. Реализации onScroll/onFling содержат псевдокод для настройки x, поскольку эти функции необходимо протестировать. Тот, кто в конечном итоге реализует это в будущем, может свободно редактировать ответ и предоставлять эти функции.

Взгляните на реализацию метода onDraw для приложения Календарь по умолчанию: DayView. Присутствует onFling реализация и перерисовка содержимого (например, календарной сетки) в соответствии с изменением движения, что имитирует флинг.

Затем вы можете использовать ColorFilter в onDraw в соответствии с изменения движения. Это очень быстро.

Кроме того, вы можете использовать ViewSwitcher со списком отфильтрованные изображения (или каким-то образом созданный кеш отфильтрованных изображений). Чтобы добиться возможности «рисования поверх изображения», можно использовать ImageView и ViewSwitcher в RelativeLayout одно над другим и установить новое отфильтрованное изображение в ImageView после окончания прокрутки.

Я считаю, что для этого приложения было бы проще всего использовать функции анимации Android и установить значение анимации на нужный фильтр. Таким образом, вы бы сделали свою собственную анимацию измененных фильтров, повторяющих ваш массив.