美文网首页程序员首页投稿(暂停使用,暂停投稿)
APP启动引导页的制作,用ViewPager实现翻页动画

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

作者: 爱因斯坦福 | 来源:发表于2016-08-14 17:50 被阅读1214次

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

    基本上就这样~看看效果


    -完-

    相关文章

      网友评论

        本文标题:APP启动引导页的制作,用ViewPager实现翻页动画

        本文链接:https://www.haomeiwen.com/subject/ycwysttx.html