在2个屏幕之间滑动的GestureDetecter

Question

我试图达到以下效果：

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

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

我进行了一些研究，发现了其他人对SO的建议，但似乎仍然无法正确实施。

根据以下答案编辑代码：

这是我的清单代码：

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

我的ScreenSlideActivity：

package com.sample.sample;

import android.app.Fragment;
import android.app.FragmentManager;
import android.os.Bundle;
import android.support.v13.app.FragmentStatePagerAdapter;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;

public class ScreenSlideActivity extends FragmentActivity {
//number of pages
private static final int NUM_PAGES = 2;

private ViewPager mPager;

private PagerAdapter mPagerAdapter;

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

    mPager = (ViewPager) findViewById(R.id.pager);
    mPagerAdapter = new ScreenSlidePagerAdapter(getFragmentManager());
    mPager.setAdapter(mPagerAdapter);
    mPager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {
        @Override
        public void onPageSelected(int position) {

            invalidateOptionsMenu();
        }
    });
}

private class ScreenSlidePagerAdapter extends FragmentStatePagerAdapter {
    public ScreenSlidePagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int position) {
        return ScreenSlidePageFragment.create(position);
    }

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

我不太了解如何为另一个页面创建该实例的多个实例：

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

然后，这曾经可以工作，但是现在由于添加了屏幕幻灯片而不再起作用：

我的ButtonActivity：

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

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

fragment_screen_slide_page.xml：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/RelativeLayout1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/bg"
android:orientation="vertical"
tools:context=".ScreenSlideActivity" >

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="horizontal" >

    <LinearLayout
        android:id="@+id/m1_btn_container"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="15dp"
        android:gravity="center_vertical"
        android:orientation="vertical" >

        <ImageButton
            android:id="@+id/m1_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@null"
            android:src="@drawable/pause" />

        <ImageButton
            android:id="@+id/m2_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:background="@null"
            android:src="@drawable/pause" />

        <ImageButton
            android:id="@+id/m3_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:background="@null"
            android:src="@drawable/pause" />

        <ImageButton
            android:id="@+id/m4_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:background="@null"
            android:src="@drawable/pause" />

        <ImageButton
            android:id="@+id/m5_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:background="@null"
            android:src="@drawable/pause" />
    </LinearLayout>

<LinearLayout
    android:id="@+id/m1_stave_container"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

<LinearLayout
    android:id="@+id/m1_container"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="15dp"
    android:layout_marginRight="15dp"
    android:layout_gravity="right"
    android:background="@drawable/stave_top"
    android:orientation="horizontal" >

</LinearLayout>

<LinearLayout
    android:id="@+id/m2_container"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="15dp"
    android:layout_marginRight="15dp"
    android:layout_gravity="right"
    android:background="@drawable/stave_middle"
    android:orientation="horizontal" >


</LinearLayout>

<LinearLayout
    android:id="@+id/m3_container"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="15dp"
    android:layout_marginRight="15dp"
    android:layout_gravity="right"
    android:background="@drawable/stave_middle"
    android:orientation="horizontal" >


</LinearLayout>

<LinearLayout
    android:id="@+id/m4_container"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="15dp"
    android:layout_marginRight="15dp"
    android:layout_gravity="right"
    android:background="@drawable/stave_middle"
    android:orientation="horizontal" >

</LinearLayout>

<LinearLayout
    android:id="@+id/m5_container"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="15dp"
    android:layout_marginRight="15dp"
    android:layout_gravity="right"
    android:background="@drawable/stave_bottom"
    android:orientation="horizontal" >

</LinearLayout>    
</LinearLayout>
</LinearLayout>

</RelativeLayout>

编辑 PageTwoFragment：

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

public class PageTwoFragment extends Fragment {

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

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

private void setupPlayPauseButton1(View view) { 
btn1 = (ImageButton) view.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);

            }
        }
    });
}
}

Answer 1

您可以使用Android的ViewPager完成所需的行为。 您需要将Fragments用于两个视图，但它的工作原理相同。

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

从Android文档中查看此示例，该示例包含一个示例应用程序，您也可以下载并进行测试。

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

让我知道是否有帮助，

祝好运！

编辑

基本上，您需要做的是确保要在其间滑动的两个视图都是片段。 一旦将它们都作为片段，就可以在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" />

PageOneFragment（这是您想要的第一个视图，您可以为其提供自定义的xml布局并像在活动中一样定义元素）

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（第一个视图的布局）

<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（这是您的第二个视图，是您滑动到的视图）

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（第二个视图的布局）

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

从EDIT 2开始 ，该示例应用程序几乎是一个更简单的版本，您需要做的就是为这两个片段添加自定义xml布局。 如果您想进一步了解片段及其功能，那么这是一个不错的起点：

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

onCreateView编辑

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

祝好运！