我需要在 native android 应用程序中集成一个滑动框类型功能(在 ionic 框架应用程序中使用/看到)，我认为我需要使用带有页面指示器的 ViewPager。我尝试过迪马家 slider ，但我认为我无法控制它的自动滑动功能。我需要用户随机滑动并提示幻灯片正在使用下面的页面指示器向前移动。在登录之前，我需要将它集成到我的初始屏幕中一次。 提前致谢。

最佳答案

试试这个代码:

activity_introduction.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.yourpackage.IntroductionActivity">

    <com.yourpackage.CustomViewPager
        android:id="@+id/photos_viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/bottom_relative" />

    <RelativeLayout
        android:id="@+id/bottom_relative"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:padding="@dimen/std_padding">

        <android.support.design.widget.TabLayout
            android:id="@+id/tab_layout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            app:tabBackground="@drawable/tab_selector"
            app:tabGravity="center"
            app:tabIndicatorHeight="0dp" />

        <Button
            android:id="@+id/next_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:text="@string/next" />

    </RelativeLayout>

</RelativeLayout>

IntroductionActivity.java

public class IntroductionActivity extends AppCompatActivity {
    private CustomViewPager viewPager;
    private Button nextButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_introduction);
        //Initializing the tablayout
        TabLayout tabLayout = (TabLayout) findViewById(R.id.tab_layout);
        //Adding the tabs using addTab() method
        tabLayout.addTab(tabLayout.newTab());
        tabLayout.addTab(tabLayout.newTab());
        tabLayout.addTab(tabLayout.newTab());
        //Initializing viewPager
        viewPager = (CustomViewPager) findViewById(R.id.photos_viewpager);
        viewPager.setPagingEnabled(false);
        //Creating our pager adapter
        IntroductionPagerAdapter introductionPagerAdapter = new IntroductionPagerAdapter(getSupportFragmentManager(), tabLayout.getTabCount());
        viewPager.setAdapter(introductionPagerAdapter);
        tabLayout.setupWithViewPager(viewPager, true);
        LinearLayout tabStrip = ((LinearLayout) tabLayout.getChildAt(0));
        for (int i = 0; i < tabStrip.getChildCount(); i++) {
            tabStrip.getChildAt(i).setOnTouchListener(new View.OnTouchListener() {
                @Override
                public boolean onTouch(View v, MotionEvent event) {
                    return true;
                }
            });
        }
        nextButton = (Button) findViewById(R.id.next_button);
        final SharedPreferences sharedPreferences = getSharedPreferences("SHARED_PREFERENCES_PATH", Context.MODE_PRIVATE);
        nextButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (viewPager.getCurrentItem() == 0) {
                    viewPager.setCurrentItem(1);
                    nextButton.setText(getResources().getString(R.string.i_agree));
                } else if (viewPager.getCurrentItem() == 1) {
                    viewPager.setCurrentItem(2);
                    nextButton.setText(getResources().getString(R.string.skip));
                } else if (viewPager.getCurrentItem() == 2) {
                    SharedPreferences.Editor editor = sharedPreferences.edit();
                    editor.putInt("KEY_INTRODUCTION_SKIPPED", 1);
                    editor.apply();
                    Intent intent = new Intent(IntroductionActivity.this, MainActivity.class);
                    startActivity(intent);
                    finish();
                }
            }
        });
    }

    @Override
    public void onBackPressed() {
        if (viewPager.getCurrentItem() == 0) {
            finishAffinity();
        } else if (viewPager.getCurrentItem() == 1) {
            viewPager.setCurrentItem(0);
            nextButton.setText(getResources().getString(R.string.next));
        } else if (viewPager.getCurrentItem() == 2) {
            viewPager.setCurrentItem(1);
            nextButton.setText(getResources().getString(R.string.i_agree));
        }
    }
}

fragment_welcome.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:gravity="center"
        android:orientation="vertical">

        <ImageView
            android:id="@+id/imageView4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:srcCompat="@mipmap/ic_logo_round" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:padding="@dimen/fab_margin"
            android:text="@string/welcome"
            android:textAlignment="center"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:textColor="@color/colorWhite"
            android:textSize="30sp"
            android:textStyle="bold" />

    </LinearLayout>

</RelativeLayout>

WelcomeFragment.java

public class WelcomeFragment extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_welcome, container, false);
    }
}

类似地再创建两个 fragment 。

PagerAdaper.java 简介

public class IntroductionPagerAdapter extends FragmentStatePagerAdapter {
    //private variable
    private int tabCount;

    //Constructor to the class
    public IntroductionPagerAdapter(FragmentManager fm, int tabCount) {
        super(fm);
        //Initializing tab count
        this.tabCount = tabCount;
    }

    @Override
    public Fragment getItem(int position) {
        //Returning the current tabs
        switch (position) {
            case 0:
                return new WelcomeFragment();
            case 1:
                return new DisclaimerFragment();
            case 2:
                return new RegistrationFragment();
            default:
                return null;
        }
    }

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

CustomViewPager.java

public class CustomViewPager extends ViewPager {

    private boolean isPagingEnabled = true;

    public CustomViewPager(Context context) {
        super(context);
    }

    public CustomViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        return this.isPagingEnabled && super.onTouchEvent(event);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent event) {
        return this.isPagingEnabled && super.onInterceptTouchEvent(event);
    }

    public void setPagingEnabled(boolean b) {
        this.isPagingEnabled = b;
    }
}

注意:除非你想阻止它的滑动，否则你可以使用默认的 ViewPager。

关于android - 在带有 ViewPager 的 Android Native App 中使用幻灯片框(如在 ionic 框架中)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29916686/