Android应用程序实现欢迎引导页面的方法实现
现在的大多数应用都会有一个欢迎引导页面,
需求分析:
程序安装后第一次启动:
启动页-->功能引导页-->应用主页
以后启动:
启动页-->应用主页
实现原理:
用SharedPreferences实现。
创建一个boolean的变量,默认值为true。
当判断这个变量是true的时候,说明是第一次运行,就跳转到另一个引导页面。
引导页面跳转到最后一张图片时,点击某按钮发生跳转事件,回到MainActivity,此时把变量的值改成false。
引导图效果用ViewPager可以很轻松的实现。
1.布局文件
splash.xml:
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".SplashActivity">
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:adjustViewBounds="true"
android:background="@drawable/welcome_android"
android:scaleType="centerCrop"/>
</RelativeLayout>
复制代码
guide.xml:
<?xmlversion="1.0"encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
<LinearLayout
android:id="@+id/ll"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="24.0dp"
android:orientation="horizontal">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:clickable="true"
android:padding="15.0dip"
android:src="@drawable/dot"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:clickable="true"
android:padding="15.0dip"
android:src="@drawable/dot"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:clickable="true"
android:padding="15.0dip"
android:src="@drawable/dot"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:clickable="true"
android:padding="15.0dip"
android:src="@drawable/dot"/>
</LinearLayout>
</RelativeLayout>
复制代码
main_activity,.xml默认
what_new_one.xml、what_new_two.xml、what_new_three.xml(将图片名称改下就行了):
<?xmlversion="1.0"encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerInParent="true"
android:adjustViewBounds="false"
android:focusable="true"
android:scaleType="centerCrop"
android:background="@drawable/guide_350_01"/>
</RelativeLayout>
复制代码
what_new_four.xml:
<?xmlversion="1.0"encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerInParent="true"
android:adjustViewBounds="false"
android:background="@drawable/guide_350_04"
android:focusable="true"
android:scaleType="centerCrop"/>
<ImageView
android:id="@+id/iv_start_weibo"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="108dp"
android:background="@drawable/whats_new_start_btn"
android:focusable="true"/>
</RelativeLayout>
复制代码
MainActivity.java不变
SplashActivity.java:
packagecn.eoe.leigo.splash;
importandroid.app.Activity;
importandroid.content.Intent;
importandroid.content.SharedPreferences;
importandroid.os.Bundle;
importandroid.os.Handler;
importandroid.os.Message;
/**
*
*@{#SplashActivity.javaCreateon2013-5-2下午9:10:01
*
*classdesc:启动画面(1)判断是否是首次加载应用--采取读取SharedPreferences的方法
*(2)是,则进入GuideActivity;否,则进入MainActivity(3)3s后执行(2)操作
*
*<p>
*Copyright:Copyright(c)2013
*</p>
*@Version1.0
*@Author<ahref="mailto:[email protected]">Leo</a>
*
*
*/
publicclassSplashActivityextendsActivity{
booleanisFirstIn=false;
privatestaticfinalintGO_HOME=1000;
privatestaticfinalintGO_GUIDE=1001;
//延迟3秒
privatestaticfinallongSPLASH_DELAY_MILLIS=3000;
privatestaticfinalStringSHAREDPREFERENCES_name="first_pref";
/**
*Handler:跳转到不同界面
*/
privateHandlermHandler=newHandler(){
@Override
publicvoidhandleMessage(Messagemsg){
switch(msg.what){
caseGO_HOME:
goHome();
break;
caseGO_GUIDE:
goGuide();
break;
}
super.handleMessage(msg);
}
};
@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.splash);
init();
}
privatevoidinit(){
//读取SharedPreferences中需要的数据
//使用SharedPreferences来记录程序的使用次数
SharedPreferencespreferences=getSharedPreferences(
SHAREDPREFERENCES_NAME,MODE_PRIVATE);
//取得相应的值,如果没有该值,说明还未写入,用true作为默认值
isFirstIn=preferences.getBoolean("isFirstIn",true);
//判断程序与第几次运行,如果是第一次运行则跳转到引导界面,否则跳转到主界面
if(!isFirstIn){
//使用Handler的postDelayed方法,3秒后执行跳转到MainActivity
mHandler.sendEmptyMessageDelayed(GO_HOME,SPLASH_DELAY_MILLIS);
}else{
mHandler.sendEmptyMessageDelayed(GO_GUIDE,SPLASH_DELAY_MILLIS);
}
}
privatevoidgoHome(){
Intentintent=newIntent(SplashActivity.this,MainActivity.class);
SplashActivity.this.startActivity(intent);
SplashActivity.this.finish();
}
privatevoidgoGuide(){
Intentintent=newIntent(SplashActivity.this,GuideActivity.class);
SplashActivity.this.startActivity(intent);
SplashActivity.this.finish();
}
}
复制代码
GuideActivity.java:
packagecn.eoe.leigo.splash;
importjava.util.ArrayList;
importjava.util.List;
importandroid.app.Activity;
importandroid.os.Bundle;
importandroid.support.v4.view.ViewPager;
importandroid.support.v4.view.ViewPager.OnPageChangeListener;
importandroid.view.LayoutInflater;
importandroid.view.View;
importandroid.widget.ImageView;
importandroid.widget.LinearLayout;
importcn.eoe.leigo.splash.adapter.ViewPagerAdapter;
/**
*
*@{#GuideActivity.javaCreateon2013-5-2下午10:59:08
*
*classdesc:引导界面
*
*<p>
*Copyright:Copyright(c)2013
*</p>
*@Version1.0
*@Author<ahref="mailto:[email protected]">Leo</a>
*
*
*/
publicclassGuideActivityextendsActivityimplementsOnPageChangeListener{
privateViewPagervp;
privateViewPagerAdaptervpAdapter;
privateList<View>views;
//底部小点图片
privateImageView[]dots;
//记录当前选中位置
privateintcurrentIndex;
@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.guide);
//初始化页面
initViews();
//初始化底部小点
initDots();
}
privatevoidinitViews(){
LayoutInflaterinflater=LayoutInflater.from(this);
views=newArrayList<View>();
//初始化引导图片列表
views.add(inflater.inflate(R.layout.what_new_one,null));
views.add(inflater.inflate(R.layout.what_new_two,null));
views.add(inflater.inflate(R.layout.what_new_three,null));
views.add(inflater.inflate(R.layout.what_new_four,null));
//初始化Adapter
vpAdapter=newViewPagerAdapter(views,this);
vp=(ViewPager)findViewById(R.id.viewpager);
vp.setAdapter(vpAdapter);
//绑定回调
vp.setOnPageChangeListener(this);
}
privatevoidinitDots(){
LinearLayoutll=(LinearLayout)findViewById(R.id.ll);
dots=newImageView[views.size()];
//循环取得小点图片
for(inti=0;i<views.size();i++){
dots[i]=(ImageView)ll.getChildAt(i);
dots[i].setEnabled(true);//都设为灰色
}
currentIndex=0;
dots[currentIndex].setEnabled(false);//设置为白色,即选中状态
}
privatevoidsetCurrentDot(intposition){
if(position<0||position>views.size()-1
||currentIndex==position){
return;
}
dots[position].setEnabled(false);
dots[currentIndex].setEnabled(true);
currentIndex=position;
}
//当滑动状态改变时调用
@Override
publicvoidonPageScrollStateChanged(intarg0){
}
//当当前页面被滑动时调用
@Override
publicvoidonPageScrolled(intarg0,floatarg1,intarg2){
}
//当新的页面被选中时调用
@Override
publicvoidonPageSelected(intarg0){
//设置底部小点选中状态
setCurrentDot(arg0);
}
}
复制代码
ViewPagerAdapter.java:
packagecn.eoe.leigo.splash.adapter;
importjava.util.List;
importandroid.app.Activity;
importandroid.content.Context;
importandroid.content.Intent;
importandroid.content.SharedPreferences;
importandroid.content.SharedPreferences.Editor;
importandroid.os.Parcelable;
importandroid.support.v4.view.PagerAdapter;
importandroid.support.v4.view.ViewPager;
importandroid.view.View;
importandroid.view.View.OnClickListener;
importandroid.widget.ImageView;
importcn.eoe.leigo.splash.MainActivity;
importcn.eoe.leigo.splash.R;
/**
*
*@{#ViewPagerAdapter.javaCreateon2013-5-2下午11:03:39
*
*classdesc:引导页面适配器
*
*<p>
*Copyright:Copyright(c)2013
*</p>
*@Version1.0
*@Author<ahref="mailto:[email protected]">Leo</a>
*
*
*/
publicclassViewPagerAdapterextendsPagerAdapter{
//界面列表
privateList<View>views;
privateActivityactivity;
privatestaticfinalStringSHAREDPREFERENCES_name="first_pref";
publicViewPagerAdapter(List<View>views,Activityactivity){
this.views=views;
this.activity=activity;
}
//销毁arg1位置的界面
@Override
publicvoiddestroyItem(Viewarg0,intarg1,Objectarg2){
((ViewPager)arg0).removeView(views.get(arg1));
}
@Override
publicvoidfinishUpdate(Viewarg0){
}
//获得当前界面数
@Override
publicintgetCount(){
if(views!=null){
returnviews.size();
}
return0;
}
//初始化arg1位置的界面
@Override
publicObjectinstantiateItem(Viewarg0,intarg1){
((ViewPager)arg0).addView(views.get(arg1),0);
if(arg1==views.size()-1){
ImageViewmStartWeiboImageButton=(ImageView)arg0
.findViewById(R.id.iv_start_weibo);
mStartWeiboImageButton.setOnClickListener(newOnClickListener(){
@Override
publicvoidonClick(Viewv){
//设置已经引导
setGuided();
goHome();
}
});
}
returnviews.get(arg1);
}
privatevoidgoHome(){
//跳转
Intentintent=newIntent(activity,MainActivity.class);
activity.startActivity(intent);
activity.finish();
}
/**
*
*methoddesc:设置已经引导过了,下次启动不用再次引导
*/
privatevoidsetGuided(){
SharedPreferencespreferences=activity.getSharedPreferences(
SHAREDPREFERENCES_NAME,Context.MODE_PRIVATE);
Editoreditor=preferences.edit();
//存入数据
editor.putBoolean("isFirstIn",false);
//提交修改
editor.commit();
}
//判断是否由对象生成界面
@Override
publicbooleanisViewFromObject(Viewarg0,Objectarg1){
return(arg0==arg1);
}
@Override
publicvoidrestoreState(Parcelablearg0,ClassLoaderarg1){
}
@Override
publicParcelablesaveState(){
returnnull;
}
@Override
publicvoidstartUpdate(Viewarg0){
}
}
复制代码