GestureDetecter to Swipe Between 2 screens

Question

You can accomplish the behavior you want by using Androids ViewPager. You would need to use Fragments for your two views but it would work just the same.

ViewPagers have built-in swipe gestures to transition through pages, and they display screen slide animations by default, so you don't need to create any.

Check out this example from the Android Documentation, it has a sample application you can download and test out too.

http://developer.android.com/training/animation/screen-slide.html

Let me know if this helps,

Good Luck!

EDIT

Basically what you need to do is make sure BOTH of the views that you want to slide between are fragments. Once you have them both as fragments, inside your PagerAdapters getItem(int Position) method you would do something like this:

@Override
public Fragment getItem(int i) {

    Fragment frag = null;

    switch (i) {
    case 0:
        frag = PageOneFragment.create();
        break;
    case 1:
        frag = PageTwoFragment.create();
        break;

     }
    return frag;
}

Each fragment can have its own xml file, that can be whatever you want for the layout. Each fragment can contain elements such as buttons and images that you can add listeners to.

Make sense? If not, let me know where it is crashing and maybe post the error.

EDIT 2

The example from the developer site does have a lot more code because it wraps a few demos into one. Look at the code below, It does exactly what you want with the sliding, you just need to add in your xml's to the two fragments.

MainActivity

public class MainActivity extends FragmentActivity {

private final static int NUM_PAGES = 2;
private ViewPager mPager;
private ScreenSlidePagerAdapter mAdapter;

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

    // Instantiate a ViewPager and a PagerAdapter.
    mPager = (ViewPager) findViewById(R.id.pager);
    mAdapter = new ScreenSlidePagerAdapter(getSupportFragmentManager());
    mPager.setAdapter(mAdapter);
}

/**
 * A simple pager adapter that represents 5 ScreenSlidePageFragment objects,
 * in sequence.
 */
private class ScreenSlidePagerAdapter extends FragmentStatePagerAdapter {
    public ScreenSlidePagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int i) {

        Fragment frag = null;

        switch (i) {
        case 0:
            frag = new PageOneFragment();
            break;
        case 1:
            frag = new PageTwoFragment();
            break;

        }
        return frag;
    }

    @Override
    public int getCount() {
        return NUM_PAGES;
    }
}

}

activity_main.xml

<RelativeLayout 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"
tools:context=".MainActivity" >

<android.support.v4.view.ViewPager
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

PageOneFragment (This will be whatever you want your first view to be, you can give it a custom xml layout and define elements just like in an activity)

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class PageOneFragment extends Fragment {

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState) {
    ViewGroup rootView = (ViewGroup) inflater.inflate(
            R.layout.fragment_one, container, false);
    return rootView;
}
}

fragment_one.xml(the layout for your first view)

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/content"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<TextView
    style="?android:textAppearanceMedium"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:lineSpacingMultiplier="1.2"
    android:padding="16dp"
    android:text="Example text" />

FragmentTwo (This will be your second view, the view you slide to)

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class PageTwoFragment extends Fragment {

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState) {
    ViewGroup rootView = (ViewGroup) inflater.inflate(
            R.layout.fragment_two, container, false);

    return rootView;
}
}

fragment_two.xml (The layout for your second view)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/holo_blue_dark"
android:orientation="vertical" >

</LinearLayout>

From EDIT 2 down is pretty much a simpler version of the example app, all you need to do is add the custom xml layouts for the two fragments. If you would like to know more about fragments and their capabilities this a great place to start:

http://developer.android.com/guide/components/fragments.html

onCreateView Edit

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
{ 
  ViewGroup rootView = (ViewGroup) inflater.inflate( R.layout.page1_layout, container, false);
  btn1 = (ImageButton) rootView.findViewById(R.id.m1_btn);
  setupPlayPauseButton1(rootView); 
return rootView; 
}

Good Luck!