SlidingTutorial

Cleveroad介绍了滑动教程库为Android

嘿，伙计们，希望你还没有开始开发Android应用教程然而，当我们已经完成了自己的工作的一部分。别担心，我们只从良好的动机行事。我们的目标是帮助您创建在一个快速和简单的方式滑动教程。因此，我们已经做了一些工作，瞧！一个简单的Android滑动教程库为您服务。

本发明是要缓解结构设计问题，但不能在同一时间限制你的想象力的舒展。我们采取了适应性方面的照顾。所以，你的应用程序是不会看其他Android元素之间的外星人。

请阅读我们的案例分析：由Cleveroad滑动教程为Android 以确保您不会错过任何一个细节

应用视差效果会让你的产品介绍样子谷歌应用程式教程。

所有你需要做的是：

1.您的教程的每个屏幕创建背景设计（与移动设计协助）

2.您的教程的每个屏幕创建图标

3.按照下面的说明

运用

首先，添加依赖的gradle到您的build.gradle：

dependencies {

compile 'com.cleveroad:slidingtutorial:1.0.3'

}

有利用图书馆的两种常见的变种：通过 TutorialPageProvider 并通过 TutorialPageOptionsProvider。

通过教程****PageProvider

你必须创建页面片段，每个片段必须从扩大 PageFragment，覆盖 PageFragment#getLayoutResId() 和 PageFragment#getTransformItems()。你也需要创建图像布局的xml文件。

public class FirstCustomPageFragment extends PageFragment {

@Override

protected int getLayoutResId() {

return R.layout.fragment_page_first;

}

@Override

protected TransformItem[] provideTransformItems() {

return new TransformItem[] {

// TransformItem.create(view for transform, moving direction, shift coefficient)

TransformItem.create(R.id.ivFirstImage, Direction.LEFT_TO_RIGHT, 0.2f),

TransformItem.create(R.id.ivSecondImage, Direction.RIGHT_TO_LEFT, 0.06f),

TransformItem.create(R.id.ivThirdImage, Direction.LEFT_TO_RIGHT, 0.08f),

TransformItem.create(R.id.ivFourthImage, Direction.RIGHT_TO_LEFT, 0.1f),

TransformItem.create(R.id.ivFifthImage, Direction.RIGHT_TO_LEFT, 0.03f),

TransformItem.create(R.id.ivSixthImage, Direction.RIGHT_TO_LEFT, 0.09f),

TransformItem.create(R.id.ivSeventhImage, Direction.RIGHT_TO_LEFT, 0.14f),

TransformItem.create(R.id.ivEighthImage, Direction.RIGHT_TO_LEFT, 0.07f)

};

}

通过 TutorialPageProvider 实例 TutorialOptions.Builder#setTutorialPageProvider(TutorialPageProvider).

public class CustomTutorialFragment extends TutorialFragment {

private static final int TOTAL_PAGES = 3;

private final TutorialPageProvider mTutorialPageProvider = new TutorialPageProvider() {

@NonNull

@Override

public Fragment providePage(int position) {

switch (position) {

case 0:

return new FirstCustomPageFragment();

case 1:

return new SecondCustomPageFragment();

case 2:

return new ThirdCustomPageFragment();

default:

throw new IllegalArgumentException("Unknown position: " + position);

}

};

@Override

protected TutorialOptions provideTutorialOptions() {

return newTutorialOptionsBuilder(getContext())

.setPagesCount(TOTAL_PAGES)

.setTutorialPageProvider(mTutorialPageProvider)

.build();

}

通过教程页面****OptionsProvider

或者你也可以创建 TutorialPageOptionsProvider并将它传递给 TutorialOptions.Builder#setTutorialPageProvider(TutorialPageOptionsProvider)。它会自动提供 PageFragment 实例指定 PageOptions 组态。

public class CustomTutorialFragment extends TutorialFragment {

private static final int TOTAL_PAGES = 3;

private final TutorialPageOptionsProvider mTutorialPageOptionsProvider = new TutorialPageOptionsProvider() {

@NonNull

@Override

public PageOptions provide(int position) {

@LayoutRes int pageLayoutResId;

TransformItem[] tutorialItems;

switch (position) {

case 0: {

pageLayoutResId

R.layout.fragment_page_first;

tutorialItems

new TransformItem[]{