总结下最近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()方法来获得其中的界面元素。 ↩