Android 手势检测器在两个屏幕之间滑动

我试图达到以下效果：

两个屏幕，第一个是我的主要活动，第二个是用户可以更改主要活动的应用程序属性的屏幕

我希望我的应用程序使用从左到右/从右到左的滑动手势在屏幕之间移动。我不希望这个循环只是来回的

我做了一些研究，并找到了其他人的建议，但似乎仍然不能正确地实施这一点

根据以下答案编辑代码：

这是我的清单代码：

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.sample.sample"
android:versionCode="1"
android:versionName="1.0">

<uses-sdk android:minSdkVersion="14" android:targetSdkVersion="18" />

<application 
    android:allowBackup="true"
    android:icon="@drawable/ic_launcher"
    android:label="@string/app_name"
    android:theme="@android:style/Theme.NoTitleBar.Fullscreen">

    <activity 
        android:name=".ScreenSlideActivity"
        android:screenOrientation="landscape" >
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>

</application>

</manifest>

我不太明白如何为另一个页面创建多个实例：

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

然后，这过去是可行的，但现在不行了，因为添加了屏幕幻灯片：

我的按钮活动：

package com.example.android.animationsdemo;

import android.os.Bundle;
import android.view.View;
import android.widget.ImageButton;

public class ButtonActivity extends ScreenSlideActivity {

ImageButton btn1;
ImageButton btn2;
ImageButton btn3;
ImageButton btn4;
ImageButton btn5;
static int i = 0;

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

setupPlayPauseButton1();
setupPlayPauseButton2();
setupPlayPauseButton3();
setupPlayPauseButton4();
setupPlayPauseButton5();

}

private void setupPlayPauseButton1() {
    btn1 = (ImageButton) findViewById(R.id.m1_btn);

    btn1.setOnClickListener(new View.OnClickListener() {

        @Override
        public void onClick(View v) {
            i +=1;
            if (i % 2 == 0) {
                btn1.setImageResource(R.drawable.pause);
            } else {
                btn1.setImageResource(R.drawable.play);

            }
        }
    });
}

private void setupPlayPauseButton2() {
    btn2 = (ImageButton) findViewById(R.id.m2_btn);

    btn2.setOnClickListener(new View.OnClickListener() {

        @Override
        public void onClick(View v) {
            i +=1;
            if (i % 2 == 0) {
                btn2.setImageResource(R.drawable.pause);
            } else {
                btn2.setImageResource(R.drawable.play);

            }
        }
    });
}

private void setupPlayPauseButton3() {
    btn3 = (ImageButton) findViewById(R.id.m3_btn);

    btn3.setOnClickListener(new View.OnClickListener() {

        @Override
        public void onClick(View v) {
            i +=1;
            if (i % 2 == 0) {
                btn3.setImageResource(R.drawable.pause);
            } else {
                btn3.setImageResource(R.drawable.play);

            }
        }
    });
}

private void setupPlayPauseButton4() {
    btn4 = (ImageButton) findViewById(R.id.m4_btn);

    btn4.setOnClickListener(new View.OnClickListener() {

        @Override
        public void onClick(View v) {
            i +=1;
            if (i % 2 == 0) {
                btn4.setImageResource(R.drawable.pause);
            } else {
                btn4.setImageResource(R.drawable.play);

            }
        }
    });
}

private void setupPlayPauseButton5() {
    btn5 = (ImageButton) findViewById(R.id.m5_btn);

    btn5.setOnClickListener(new View.OnClickListener() {

        @Override
        public void onClick(View v) {
            i +=1;
            if (i % 2 == 0) {
                btn5.setImageResource(R.drawable.pause);
            } else {
                btn5.setImageResource(R.drawable.play);

            }
        }
    });
}
}

ScreeSlidePageFragment：

package com.example.android.animationsdemo;

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


public class ScreenSlidePageFragment extends Fragment {

public static final String ARG_PAGE = "page";

private int mPageNumber;

public static ScreenSlidePageFragment create(int pageNumber) {
    ScreenSlidePageFragment fragment = new ScreenSlidePageFragment();
    Bundle args = new Bundle();
    args.putInt(ARG_PAGE, pageNumber);
    fragment.setArguments(args);
    return fragment;
}

public ScreenSlidePageFragment() {
}



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

    return rootView;
}

public int getPageNumber() {
    return mPageNumber;
}
}

活动\u屏幕\u幻灯片.xml：

<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" />

---

通过使用Androids ViewPager，您可以完成所需的行为。您需要为两个视图使用片段，但其工作原理相同

ViewPager具有内置的滑动手势，可以在页面间切换，并且默认情况下显示屏幕幻灯片动画，因此您无需创建任何动画

查看Android文档中的这个示例，它有一个示例应用程序，您也可以下载并测试

如果有帮助，请告诉我

祝你好运

编辑

基本上，您需要做的是确保要在其中滑动的两个视图都是片段。一旦将它们都作为片段，在PagerAdapters getItem（int Position）方法中，您将执行如下操作：

@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;
}

每个片段都可以有自己的xml文件，可以是布局所需的任何内容。每个片段可以包含按钮和图像等元素，您可以将侦听器添加到这些元素中

有道理吗？如果没有，让我知道它在哪里崩溃，并可能张贴错误

编辑2

开发人员站点的示例确实包含了更多的代码，因为它将一些演示打包成一个。看看下面的代码，它完全符合您对滑动的要求，您只需要将xml添加到两个片段中

主要活动

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" />

fragment_one.xml（第一个视图的布局）

fragment_two.xml（第二个视图的布局）

---

祝你好运

通过使用Androids ViewPager，您可以完成所需的行为。您需要为两个视图使用片段，但其工作原理相同

ViewPager具有内置的滑动手势，可以在页面间切换，并且默认情况下显示屏幕幻灯片动画，因此您无需创建任何动画

查看Android文档中的这个示例，它有一个示例应用程序，您也可以下载并测试

如果有帮助，请告诉我

祝你好运

编辑

基本上，您需要做的是确保要在其中滑动的两个视图都是片段。一旦将它们都作为片段，在PagerAdapters getItem（int Position）方法中，您将执行如下操作：

@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;
}

每个片段都可以有自己的xml文件，可以是布局所需的任何内容。每个片段可以包含按钮和图像等元素，您可以将侦听器添加到这些元素中

有道理吗？如果没有，让我知道它在哪里崩溃，并可能张贴错误

编辑2

开发人员站点的示例确实包含了更多的代码，因为它将一些演示打包成一个。看看下面的代码，它完全符合您对滑动的要求，您只需要将xml添加到两个片段中

主要活动

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" />

fragment_one.xml（第一个视图的布局）

fragment_two.xml（第二个视图的布局）

---

祝你好运

嘿，这是一个很好的答案，谢谢。然而，我仍然有困难实施它。我会把上面的代码编辑成我的新代码好的，等你做的时候我会看一看，希望我们能弄明白。好的，我刚刚编辑过。非常感谢你。我真的很感谢你的帮助，作为一个新手这是相当令人沮丧的：你可以张贴你的代码的其余部分吗？ScreenSlidePageFragment和xml的。我看到你仍然有按钮活动，我相信这是你想要滑动的页面之一，对吗？如果这是真的，你会想把它变成一个片段。基本上，您希望在两个页面之间滑动的两个页面都是片段，活动将控制它们。无论如何，我都会编辑你发布的答案。ButtonActivity是我的代码，可以让按钮在单击时更改图像。这种行为应该出现在第1页的按钮上。目前第2页只是一个带有背景图像的空白屏幕。我不清楚如何构造页面，是否每个页面都应该是单独的xml布局？在我下载的android developer example.zip中，它有5页相同的内容。我现在就发剩下的嘿，这是一个很好的答案，谢谢。然而，我仍然有困难实施它。我会把上面的代码编辑成我的新代码好的，等你做的时候我会看一看，希望我们能弄明白。好的，我刚刚编辑过。非常感谢你。我真的很感谢你的帮助，作为一个新手这是相当令人沮丧的：你可以张贴你的代码的其余部分吗？ScreenSlidePageFragment和xml的。我看到你仍然有按钮活动，我相信这是你想要滑动的页面之一，对吗？如果这是真的，你会想把它变成一个片段。基本上，您希望在两个页面之间滑动的两个页面都是片段，活动将控制它们。无论如何，我都会编辑你发布的答案。ButtonActivity是我的代码，可以让按钮在单击时更改图像。这种行为应该出现在第1页的按钮上。目前第2页只是一个带有背景图像的空白屏幕。我不清楚该如何构建

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;
}
}

<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" />

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;
}
}

<?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>

@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; 
}