总结下最近Android混合开发的种种

为了巩固和便于以后查找，准备把自己的app从头开始剖析一下，今天先来说一下引导页，主要有以下几点：

• 是否需要展示引导页
• 只有一个引导页面
• 多个引导页面-ViewPager和PagerAdapter的使用

---

判断是否需要展示引导页

• 我做的比较简单，用SharedPreferences保存一个布尔值在本地，app打开时判断一下：

        SharedPreferences setting = getSharedPreferences("appIsFirst", MODE_PRIVATE);//保存的文件名以及权限
        Boolean user_first = setting.getBoolean("isFirst",true);
        if(user_first){//第一次
            setting.edit().putBoolean("isFirst", false).commit();
            jumpToNewVersionActivity();//展示LOGO,延迟3秒进入引导页
        }else{
            jumpToMainActivity();//展示LOGO,延迟3秒进入主Activity
        }

• 引页的布局很简单，就一张logo图

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@drawable/splash">

</LinearLayout>

延迟跳转采用Handle，发一个空消息

        Handler handler = new Handler(){
            @Override
            public void handleMessage(Message msg) {
                super.handleMessage(msg);
                finish();//进入app后不应该再回到引导页，所以这里把引导页finish掉
                startActivity(new Intent(ShowLogoActivity.this, MainActivity.class));
            }

        };
        handler.sendEmptyMessageDelayed(0, 3000);//3秒后执行

多个引导页

• 到这里基本上就做好一个引导页了，不过我们经常看到app一更新就会有好几个引导图，用来介绍更新的功能或者app的，所以接下来，我们使用PageAdapter再完善一下：
• 首先需要再新建一个NewVersionActivity，其中需要一个内部类 PageAdapter

private class PagerAdapter extends android.support.v4.view.PagerAdapter {

        private List<View> mViews ;//我们的view

        public PagerAdapter(List<View> views) {
            super() ;
            mViews = views ;
        }

        @Override
        public int getCount() {
            return mViews.size();
        }

        @Override
        public boolean isViewFromObject(View v, Object obj) {
            return v == obj;
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
             container.removeView(mViews.get(position));//从容器内移出我们的view
        }

        @Override
        public Object instantiateItem(ViewGroup  container, int position) {//实例化我们的view

            container.addView(mViews.get(position), 0);//把我们的view添加到容器内
            return mViews.get(position);
        }
    }

PageAdapter的使用

• 因为我们只用了一个页面，需要动态载入，所以使用LayoutInflater.inflate(）1；

        LayoutInflater inflater = getLayoutInflater() ;
        View view1 = inflater.inflate(R.layout.activity_splash_item, null) ;//第一个页面

        ((ImageView) view1.findViewById(R.id.splashIv)).setImageResource(R.drawable.splash1);//动态改变布局背景图片
        ((Button) view1.findViewById(R.id.beginBtn)).setVisibility(View.GONE);//第三页面才显示button

        View view2 = inflater.inflate(R.layout.activity_splash_item, null) ;//第二个页面
        ((ImageView) view2.findViewById(R.id.splashIv)).setImageResource(R.drawable.splash2);
        ((Button) view2.findViewById(R.id.beginBtn)).setVisibility(View.GONE);//第三页面才显示button

        View view3 = inflater.inflate(R.layout.activity_splash_item, null) ;//第三个页面
        ((ImageView) view3.findViewById(R.id.splashIv)).setImageResource(R.drawable.splash3);
        beginBtn = ((Button) view3.findViewById(R.id.beginBtn));
        beginBtn.setVisibility(View.VISIBLE);//第三页面才显示button

• 把三个页面都添加一个List对象中

        mListViews.add(view1) ;
        mListViews.add(view2) ;
        mListViews.add(view3) ;

三个子页面的布局

• 这里用三张图，每张图对应一个页面，因为简单，复用同一个布局
• 注意这个button，只有在最后一个页面才显示，用来跳转到MainActivity

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/splashIv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/white"
        android:src="@drawable/splash3">
    </ImageView>
    <Button
        android:id="@+id/beginBtn"
        android:layout_width="200dp"
        android:layout_height="50dp"
        android:background="@drawable/joinApp"
        android:layout_marginBottom="55dp"
        android:layout_marginLeft="16dp"
        android:layout_marginRight="16dp"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true">
    </Button>
</RelativeLayout>

• ViewPager绑定PagerAdapter适配器

        mPagerAdapter = new PagerAdapter(mListViews) ;
        mViewPager.setAdapter(mPagerAdapter) ;

• ViewPager的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@android:color/white">

    <android.support.v4.view.ViewPager
        android:id="@+id/guide_view_group"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

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

</LinearLayout>

• 到这里才算完成了引导页的制作

---

1. 在实际开发中LayoutInflater这个类还是非常有用的，它的作用类似于findViewById()。不同点是LayoutInflater是用来找res/layout/下的xml布局文件，并且实例化；而findViewById()是找xml布局文件下的具体widget控件(如Button、TextView等)。
   具体作用：
   a、对于一个没有被载入或者想要动态载入的界面，都需要使用LayoutInflater.inflate()来载入；
   b、对于一个已经载入的界面，就可以使用Activiyt.findViewById()方法来获得其中的界面元素。 ↩