关闭

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

标签: android简单实现引导页
74人阅读 评论(0) 收藏 举报
分类:

为了巩固和便于以后查找,准备把自己的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()方法来获得其中的界面元素。
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:73次
    • 积分:11
    • 等级:
    • 排名:千里之外
    • 原创:1篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档