如何实现像Android Lollipop应用程序的第一个启动教程：像Sheets，Slides应用程序？


How to implement first launch tutorial like Android Lollipop apps: Like Sheets, Slides app?

我的Nexus 5中安装了Android 5.0最终版本。我注意到它在第一次启动时显示教程非常漂亮，干净和优雅。"Sheets"，"Slides"等应用

我们如何在Android L兼容应用程序中实现这一点？

此外，该应用程序淡出第一个启动屏幕，然后显示教程。

Tutorial screen 1
Initial screen which fades off and shows the tutorial

相关讨论

有一个很好的库可以模拟这些首次运行的教程：
https://github.com/PaoloRotolo/AppIntro

AppIntro example screenshot

点击查看大图

相关讨论

首先，没有秘密。插图的质量是获得这个漂亮结果的关键。因此，除非你自己是一名设计师，否则你必须为他们找到一位优秀的设计师。

从那里公寓，我可以看到几种方法来接近这一点。

  • 首先，对插图有一个非常微妙的视差效果。您可以使用此ParallaxTransformPage要点来实现它。我用它并且效果很好。

  • 此外，这是一个lib，可让您在切换页面时平滑地更改屏幕的背景颜色。

  • 对于splashscreen淡出动画，您可以执行以下操作：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    final ImageView launchScreen = (ImageView) context.findViewById(R.id.launch_screen_view);
    new Handler().postDelayed(new Runnable()
    {
        @Override
        public void run()
        {
            Animation animation = AnimationUtils.loadAnimation(context, android.R.anim.fade_out);
            animation.setAnimationListener(new Animation.AnimationListener()
            {
                // ...

                @Override
                public void onAnimationEnd(Animation animation)
                {
                    launchScreen.setVisibility(View.GONE);
                }
            });
            launchScreen.startAnimation(animation);
        }
    }, 2000);

  • 关注使用ViewPagerIndicator的linkas的答案，以及如何在用户首次启动应用程序时启动教程。

    • 相关讨论

    这个git应该可以帮助你实现你想要的：
    https://github.com/spongebobrf/MaterialIntroTutorial，

    正如你所提到的，这个安卓库展示了一个与Google表格相似的材料介绍教程。

    另外，这个库为每个页面设置了背景颜色，当在两个页面之间滚动时，这两种颜色会相互淡化。

    以下是一些可以帮助您的简介：

  • https://github.com/HeinrichReimer/material-intro
  • https://github.com/PaoloRotolo/AppIntro
    • 相关讨论

    我在这里找到了这个库：

    CircleIndicator图书馆

    它创建了一个类似Lollipop的ViewPager与这些圈子。只需格式化布局，使其适合您的应用程序，然后您就可以了。它不包含动画，但我认为这是一个开始。

    也许您想使用Roman Nurik解决方案之一：https：//github.com/romannurik/Android-WizardPager

    您可以在此处使用ViewPagerIndicator：http：//viewpagerindicator.com/#download。然后，您应该定义SharedPreferences，以仅显示ViewPager一次。你可以写：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    public class MainActivity extends Activity {
        public static final String MyPrefs ="MyPrefs";
        ...

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

            SharedPreferences sp = getSharedPreferences(MyPrefs, Context.MODE_PRIVATE);
            if (!sp.getBoolean("first", false)) {
                SharedPreferences.Editor editor = sp.edit();
                editor.putBoolean("first", true);
                editor.commit();
                Intent intent = new Intent(this, SampleCirclesDefault.class); //call your ViewPager class
                startActivity(intent);
            }
        }
    }

    如果您不想使用库，则非常简单。我曾经使用过库，但我开始实现自定义版本。您所要做的就是使用选项卡式视图和查看寻呼机。然后将教程中的所有这些页面设计为片段。这些片段可以包含任何位置的任何按钮，以及您喜欢的不同样式，因为您自己实现每个片段。并不困难。最后，只需使用共享首选项，检查它是否是第一次运行。如果它是如何活动的所有片段。否则不显示该活动。

    相关讨论