前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >APP启动引导页的制作,用ViewPager实现翻页动画

APP启动引导页的制作,用ViewPager实现翻页动画

作者头像
爱因斯坦福
发布于 2018-09-10 08:52:20
发布于 2018-09-10 08:52:20
2K00
代码可运行
举报
文章被收录于专栏:KK的小酒馆KK的小酒馆
运行总次数:0
代码可运行

Android网络与数据存储

第一章学习


一个启动引导页的制作####

概要:

这次制作App的引导页,主要用到2个知识“SharedPreferences 和 ViewPager”

Genymotion的Android模拟器,版本5.1.0以下是默认root的,可以使用RootExplorer4软件操作系统目录,其它包括SDK内的官方模拟器……洗洗睡吧……太烦了,还不如下个Genymotion,血的教训


1.SharedPreferences#####

SharedPreferences是一种Android提供的,简易的用于在手机上永久化保存数据的类,这个轻量级的类在保存数据时,使用常见的“Key、Value”键值对进行保存,并生成对应的xml文件。

为了使用SharedPreferences,需要以下几步来实现

第一步:得到 SharedPreferences 对象,Android 中主要提供了三种方法来得到此对象,如下代码所示

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//1. Context 类中的 getSharedPreferences()方法
public abstract SharedPreferences getSharedPreferences
(String name,int mode);

//2. Activity 类中的 getPreferences()方法
    public SharedPreferences getPreferences(int mode) {
        return getSharedPreferences(getLocalClassName(), mode);
    }

//3. PreferenceManager 类中的 getDefaultSharedPreferences()方法
    public static SharedPreferences getDefaultSharedPreferences(Context context) {
        return context.getSharedPreferences(
getDefaultSharedPreferencesName(context)
,getDefaultSharedPreferencesMode());
    }

归根到底,3个方法都是调用的Context 类中的 getSharedPreferences()方法,此方法传入的两个参数:

  • 第一个参数用于指定 SharedPreferences 文件的名称,如果 指 定 的 文 件 不 存 在 则 会 创 建 一 个 ,SharedPreferences 文 件 都 是 存 放 在/data/data/"package name"/shared_prefs/目录下的。
  • 第二个参数用于指定操作模式,就用MODE_PRIVATE吧,其它方法都过期了(哈哈,仅供参考)

第二步:得到 SharedPreferences.Editor 对象,进行写入操作。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
SharedPreferences.Editor editor = sharedPreferences.edit();
//通过SharedPreferences的实例取得Editor
        editor.putBoolean("isRead", true);
        //放入数据,提供各类put方法对应不同类型的数据,按键值对进行输入
        editor.commit();
        //调用调用 commit()方法将添加的数据立即提交,不过AS推荐使用apply(),区别请看下方网址

http://blog.csdn.net/s04103037/article/details/40372659

第三步:从SharedPreferences对象进行读取操作。 使用第一步的方法后,可以直接使用各种get方法取得相应类型的数值。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
SharedPreferences pref = getSharedPreferences("data",MODE_PRIVATE);
String name = pref.getString("name", "");
int age = pref.getInt("age", 0);
boolean married = pref.getBoolean("married", false);

get方法中第一个参数是键名,第二个是当无此键值对时所返回到默认值。 这样就从SharedPreferences所保存的文件中取得了数据,实现了简单数据的永久化。


2.ViewPager#####

先画个图,直观理解下结构顺序

本来想画图的……表达不清,算了……

那贴个代码,对照着上面这图看看

activity_start.xml

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<?xml version="1.0" encoding="utf-8"?>
<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"
    android:background="@color/colorPrimary">

</android.support.v4.view.ViewPager>

StartActivity.java

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
public class StartActivity extends FragmentActivity {
    public static final int PAGE_NUM = 2;
    private FragmentPagerAdapter mAdapter;
    private ViewPager mViewPager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        Log.i(TAG, "onCreate: ");

        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_start);

        mViewPager = (ViewPager) findViewById(R.id.pager);
        //①通过布局实例化ViewPager
        mViewPager.setPageTransformer(true, new ZoomOutPageTransformer());
        //②添加动画效果
        mAdapter = new StartPagerAdapter(getSupportFragmentManager());
        //③通过子类实例化FragmentPagerAdapter
        mViewPager.setAdapter(mAdapter);
        //④绑定Adapter
    }
}

ZoomOutPageTransformer是自定义的动画类,这部分也是非常自由的表现方式,不写例子了,省略。

StartPagerAdapter.java

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
public class StartPagerAdapter extends FragmentPagerAdapter {

    String TAG = getClass().getSimpleName();

    public StartPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public int getCount() {
        return StartActivity.PAGE_NUM;
    }

    @Override
    public Fragment getItem(int position) {
        Log.i(TAG, "getItem: " + position);
        if (position == 0) {
            return new PageOneFragment();
        } else {
            return new PageTwoFragment();
        }
    }
}

其中Fragment怎么做大家都知道,省略,我制作了两个,名叫PageOneFragment和PageTwoFragment。自定义一个继承自FragmentPagerAdapter的Adaper类用于管理Fragment,另一个FragmentStatePagerAdapter也是同样用于Fragment,但跟前者效果不同,区别如下:

  • FragmentPageAdapter:和PagerAdapter一样,只会缓存当前的Fragment以及左边一个,右边 一个,即总共会缓存3个Fragment而已,假如有1,2,3,4四个页面: 处于1页面:缓存1,2 处于2页面:缓存1,2,3 处于3页面:销毁1页面,缓存2,3,4 处于4页面:销毁2页面,缓存3,4 更多页面的情况,依次类推~
  • FragmentStatePagerAdapter:当Fragment对用户不 见得时,整个Fragment会被销毁, 只会保存Fragment的状态!而在页面需要重新显示的时候,会生成新的页面!

好,新建了一个自定义类,必须重写2个重要的方法:

  1. getCount():获得viewpager中有多少个view,我这写了2个
  2. getItem(int position):根据position来决定返回哪个Fragment。此处position会依次出现0,1,2,3等整型数字。

基本上就这样~看看效果

-完-

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016.08.14 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
APP 引导页、欢迎页运用
在实际生活中我们使用的每一款App都会有一个引导页和欢迎页面,这两个页面主要是增加用户体验,引导页是在你第一次安装该APP的时候显示的,而欢迎页你你每次进入应用的时候出现的。先了解功能,再来实现逻辑方法,首先引导页是几张不同的图片,下面会有一个表示原点,指明当前是第几页。
晨曦_LLW
2020/09/25
1.5K0
Android项目实战(三):实现第一次进入软件的引导页
最近做的APP接近尾声了,就是些优化工作了, 我们都知道现在的APP都会有引导页,就是安装之后第一次打开才显示的引导页面(介绍这个软件的几张可以切换的图) 自己做了一下,结合之前学过的 慕课网_ViewPager切换动画(3.0版本以上有效果) 思路很简单,APP的主界面还是作为主Activity,只要新添加一个类来判断是不是第一次打开APP 设主activity 名字为:MainActivity.java   判断是不是第一次打开APP且实现引导页面的类 LoginActivity ,另外还需要一个类 这
听着music睡
2018/05/18
1.3K0
Android开发:ViewPage最详细教程
建立ViewPage的步骤: 1. 在XML布局中加入android.support.v4.view.ViewPager:
Carson.Ho
2019/02/22
3.1K0
ViewPager 全面总结
Viewpager,视图翻页工具,提供了多页面切换的效果。Android 3.0后引入的一个UI控件,位于v4包中。低版本使用需要导入v4包,但是现在我们开发的APP一般不再兼容3.0及以下的系统版本,另外现在大多数使用Android studio进行开发,默认导入v7包,v7包含了v4,所以不用导包,越来越方便了。
全栈程序员站长
2022/09/15
1.1K0
ViewPager 全面总结
Android开发之ViewPager+Fragment
使用步骤 1、Activity的布局文件 <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" > </android.support.v4.view.Vie
YungFan
2018/04/24
7370
ViewPager 详解(五)—–使用Fragment实现ViewPager滑动[通俗易懂]
前言:前几篇文章讲解了ViewPager的普通实现方法,但android官方最推荐的一种实现方法却是使用fragment,下面我们使用fragment来重新实现一下第一篇《ViewPager 详解(一)—基本入门》所实现的效果。
全栈程序员站长
2022/09/15
1.8K0
ViewPager 详解(五)—–使用Fragment实现ViewPager滑动[通俗易懂]
1.viewpager
ViewPager是android扩展包v4包中的类,这个类可以让用户左右切换当前的view。 ViewPager类直接继承了ViewGroup类,所以它是一个容器类,可以在其中添加其他的view类。
六月的雨
2018/05/14
8250
ViewPager实现启动引导页面(个人认为很详细)
效果如图: 启动页面是一张图片+延时效果,这里就不给出布局文件了。 WelcomeActivity分析:在启动页面检测是否是第一次运行程序,如果是,则先跳转到引导界面的Activity——AndyVi
用户1737026
2018/06/01
9300
Android中Fragment+ViewPager的配合使用
官方推荐 ViewPager与Fragment一起使用,可以更加方便的管理每个Page的生命周期,这里有标准的适配器实现用于ViewPager和Fragment,涵盖最常见的用例。FragmentPagerAdapter和FragmentStatePagerAdapter这两个类都有简单的代码显示如何构建一个完整的用户界面与他们。 适配器类: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
欢醉
2018/01/22
1.1K0
Android中Fragment+ViewPager的配合使用
Android网络与数据存储——SharedPreferences(实现是否开启引导界面)
SharedPreferences保存的数据主要是简单类型的key-value对。
trampcr
2018/09/28
9050
Android网络与数据存储——SharedPreferences(实现是否开启引导界面)
TabLayout+ViewPager+Fragment实现切页展示「建议收藏」
目前大多数的APP都采用的是几个Tab标签以及多个界面滑动的形式来提供多层次的交互体验,最为常用的做法就是采用TabLayout+ViewPager+Fragment的方式,最近在公司项目中遇到类似的界面,也看了各个论坛很多份博客,但是发现都没有完全把这种方法的坑填完,因此写下这篇博客,一方面是对知识的总结,另一方面也能让其他开发者们少走一些弯路,博客内容主要分为四个章节:
全栈程序员站长
2022/09/15
3.6K0
TabLayout+ViewPager+Fragment实现切页展示「建议收藏」
ViewPager轻松完成TabHost效果
上一期学习了ViewPager的简单使用,本期一起来学习ViewPager的更多用法。 相信很多同学都使用过今日头条APP吧,一打开主界面就可以看到顶部有很多Tab,然后通过左右滑动来切换,就
分享达人秀
2018/02/05
1.6K0
ViewPager轻松完成TabHost效果
ViewPager刷新问题原理分析及解决方案(FragmentPagerAdapter+FragementStatePagerAdapter)ViewPager+FragmentPagerAdapte
Android开发中经常用到ViewPager+Fragment+Adapter的场景,一般每个Fragment控制自己的刷新,但是如果想要刷新整个ViewPager怎么做呢?或者想要将缓存的Fragent给重建怎么做呢?之前做业务的时候遇到一个问题,ViewPage在第二次setAdapter的如果用的是FragmentPager并不会导致页面刷新,但是采用FragementStatePagerAdapter却会刷新?不由得有些好奇,随跟踪了部分源码,简单整理如下: ViewPager+FragmentP
看书的小蜗牛
2018/06/29
3.4K0
android之FragmentPagerAdapter和FragmentStatePagerAdapter
FragmentPagerAdapter是android-support-v4支持包里面出现的一个新的适配器,继承自PagerAdapter,是专门用来给支持包中出现的ViewPager进行数据适配的。
李小白是一只喵
2020/12/09
2K0
android之FragmentPagerAdapter和FragmentStatePagerAdapter
Android中最最常用—Fragment实战篇最详解
Hi,各位花粉们,上一节Android中最最常用—Fragment基础篇最详解,我们详细的介绍了 Fragment的基本原理及使用、 Fragment中的常用方法等。在这一节,将结合具体的使用场景,来更加全面的介绍 Fragment的日常使用。
下码看花
2019/09/25
7.3K3
Android中最最常用—Fragment实战篇最详解
ViewPager快速实现引导页
在很多APP第一次启动时都会出现引导页,在一些APP里面还会包括一些左右滑动翻页和页面轮播切换的情况。在之前也已经学习了AdapterViewFlipper和ViewFlipper,都可以很好的实现,今天继续来学习一个功能更加强大的ViewPager组件。 一、ViewPager简介 ViewPager是android扩展包v4包中的类,这个类可以让用户左右滑动切换当前的view。ViewPager继承自ViewGroup,也就是ViewPager是一个容器类,可以包含其他的View类。
分享达人秀
2018/02/05
1.5K0
ViewPager快速实现引导页
相关推荐
APP 引导页、欢迎页运用
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验