总结下最近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>

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

判断是否需要展示引导页

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

多个引导页

PageAdapter的使用

三个子页面的布局

在实际开发中LayoutInflater这个类还是非常有用的，它的作用类似于findViewById()。不同点是LayoutInflater是用来找res/layout/下的xml布局文件，并且实例化；而findViewById()是找xml布局文件下的具体widget控件(如Button、TextView等)。

具体作用：

a、对于一个没有被载入或者想要动态载入的界面，都需要使用LayoutInflater.inflate()来载入；

b、对于一个已经载入的界面，就可以使用Activiyt.findViewById()方法来获得其中的界面元素。 ↩