0

我试图达到以下效果：

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

然后，这曾经可以工作，但现在自从添加了屏幕幻灯片后就不行了：

我的按钮活动：

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

            }
        }
    });
}
}
4

1 回答 1

3

您可以使用 Androids ViewPager 完成您想要的行为。您需要为您的两个视图使用片段，但它的工作原理是一样的。

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 布局。如果您想了解更多有关 Fragment 及其功能的信息，这是一个很好的起点：

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

祝你好运！

于 2013-08-29T20:07:16.330 回答