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

Android网络与数据存储

第一章学习


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

概要:

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

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


1.SharedPreferences#####

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

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

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

//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 对象,进行写入操作。

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方法取得相应类型的数值。

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

<?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

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

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等整型数字。

基本上就这样~看看效果


-完-

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,636评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,890评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,680评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,766评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,665评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,045评论 1 276
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,515评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,182评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,334评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,274评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,319评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,002评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,599评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,675评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,917评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,309评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,885评论 2 341

推荐阅读更多精彩内容