dropsOfJupiter
dropsOfJupiter

Reputation: 6823

Gallery scroll one image at a time

how to make a gallery control to scroll one image at a time? Also what is a good way of making a continuous loop of those images? I tried overriding onFling, does not work at all.

This moves image certain distance but does not really implement "true paging".

@Override
        public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {

          //  return super.onFling(e1, e2, velocityX, velocityY);
            int kEvent;
              if(isScrollingLeft(e1, e2)){ //Check if scrolling left
                kEvent = KeyEvent.KEYCODE_DPAD_LEFT;
              }
              else{ //Otherwise scrolling right
                kEvent = KeyEvent.KEYCODE_DPAD_RIGHT;
              }
              onKeyDown(kEvent, null);
              return true;  
        }
        private boolean isScrollingLeft(MotionEvent e1, MotionEvent e2){
              return e2.getX() > e1.getX();
            }

Upvotes: 1

Views: 7542

Answers (3)

user1903166
user1903166

Reputation: 51

Aniket Awati's solution worked best for me. However I would suggest an improvement to avoid two items beings scrolled in certain cases.

int mSelection = 0;

@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
        float velocityY) {
    boolean leftScroll = isScrollingLeft(e1, e2);
    boolean rightScroll = isScrollingRight(e1, e2);

    if (rightScroll) {
        if (mSelection != 0)             
            setSelection(--mSelection, true);
    } else if (leftScroll) {

        if (mSelection != getCount() - 1)
            setSelection(++mSelection, true);
    }
    return false;
}

Upvotes: 5

Aniket Awati
Aniket Awati

Reputation: 1421

This works all the time. on all versions without fail for me.

    private boolean isScrollingLeft(MotionEvent e1, MotionEvent e2) {
    return e2.getX() < e1.getX();
}

private boolean isScrollingRight(MotionEvent e1, MotionEvent e2) {
    return e2.getX() > e1.getX();
}

@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
        float velocityY) {
    boolean leftScroll = isScrollingLeft(e1, e2);
    boolean rightScroll = isScrollingRight(e1, e2);

    if (rightScroll) {
        if (getSelectedItemPosition() != 0)             
            setSelection(getSelectedItemPosition() - 1, true);
    } else if (leftScroll) {

        if (getSelectedItemPosition() != getCount() - 1)
            setSelection(getSelectedItemPosition() + 1, true);
    }
    return true;
}

Upvotes: 3

dropsOfJupiter
dropsOfJupiter

Reputation: 6823

I created new control, called it CustomGallery and extended it from Gallery. In Custom Gallery I placed the following:

@Override
       public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
         return super.onFling(e1, e2, 0, velocityY);
       }

In my activity I am using CustomGallery instead of Gallery. This works. One thing, we moved from 2.2 to 2.3 (gingerbread). It didn't work for me before when I tried to override onFling. So I am suspecting this also have something to do with the version of OS.

Upvotes: 9

Related Questions