Android基于ViewPager实现的应用欢迎界面完整实例
本文实例讲述了Android基于ViewPager实现的应用欢迎界面。分享给大家供大家参考，具体如下：
有时候开发一个应用需要指导用户提示一些新功能，这样的欢迎界面的实现可以用一下方法
首先我们要用到ViewPager这个类，这个类是在Android-support-v4.jar中，网上搜一下就会有
现将这个包放到项目中，之后进行引用
ViewPager类个人理解就是一个容器，将你需要的图片资源放到他的Adapter中进行填充，这样我们就需要一个adapter，自定义一个adapter继承PagerAdapter，之后设置ViewPager的setAdapter()就可以了
接下来，理一下小圆点的实现思路，准备两张图片，一个是选中时的状态，一个是未选中的状态，然后利用selector设置它的变化
整个项目的思路就是这样，具体请参见下面的代码：
publicclassIndexSlideextendsActivityimplementsOnClickListener,
OnPageChangeListener{
privateViewPagervp;
privateViewPagerAdaptervpAdapter;
privateList<View>views;
//引导图片资源
privatestaticfinalint[]pics={R.drawable.chun,R.drawable.xia,
R.drawable.qiu,R.drawable.dong};
//底部小点图片
privateImageView[]dots;
//记录当前选中位置
privateintcurrentIndex;
@Override
protectedvoidonCreate(BundlesavedInstanceState){
//TODOAuto-generatedmethodstub
super.onCreate(savedInstanceState);
setContentView(R.layout.indexslide);
views=newArrayList<View>();
LinearLayout.LayoutParamsmParams=newLinearLayout.LayoutParams(
LinearLayout.LayoutParams.WRAP_CONTENT,
LinearLayout.LayoutParams.WRAP_CONTENT);
//初始化引导图片列表
for(inti=0;i<pics.length;i++){
ImageViewiv=newImageView(this);
iv.setLayoutParams(mParams);
iv.setImageResource(pics[i]);
views.add(iv);
}
vp=(ViewPager)findViewById(R.id.page);
//初始化Adapter
vpAdapter=newViewPagerAdapter(views);
vp.setAdapter(vpAdapter);
//绑定回调
vp.setOnPageChangeListener(this);
//初始化底部小点
initDots();
}
privatevoidinitDots(){
LinearLayoutll=(LinearLayout)findViewById(R.id.ll);
dots=newImageView[pics.length];
//循环取得小点图片
for(inti=0;i<pics.length;i++){
dots[i]=(ImageView)ll.getChildAt(i);
dots[i].setEnabled(true);//都设为灰色
dots[i].setOnClickListener(this);
dots[i].setTag(i);//设置位置tag，方便取出与当前位置对应
}
currentIndex=0;
dots[currentIndex].setEnabled(false);//设置为白色，即选中状态
}
/**
*设置当前的引导页
*/
privatevoidsetCurView(intposition){
if(position<0||position>=pics.length){
return;
}
vp.setCurrentItem(position);
}
/**
*设置当前引导小点的选中
*/
privatevoidsetCurDot(intpositon){
if(positon<0||positon>pics.length-1||currentIndex==positon){
return;
}
dots[positon].setEnabled(false);
dots[currentIndex].setEnabled(true);
currentIndex=positon;
}
//当滑动状态改变时调用
publicvoidonPageScrollStateChanged(intarg0){
//TODOAuto-generatedmethodstub
}
//当当前页面被滑动时调用
publicvoidonPageScrolled(intarg0,floatarg1,intarg2){
//TODOAuto-generatedmethodstub
}
//当新的页面被选中时调用
publicvoidonPageSelected(intarg0){
setCurDot(arg0);
}
publicvoidonClick(Viewv){
intposition=(Integer)v.getTag();
setCurView(position);
setCurDot(position);
}
classViewPagerAdapterextendsPagerAdapter{
//界面列表
privateList<View>views;
publicViewPagerAdapter(List<View>views){
this.views=views;
}
//销毁arg1位置的界面
@Override
publicvoiddestroyItem(Viewarg0,intarg1,Objectarg2){
((ViewPager)arg0).removeView(views.get(arg1));
}
@Override
publicvoidfinishUpdate(Viewarg0){
//TODOAuto-generatedmethodstub
}
//获得当前界面数
@Override
publicintgetCount(){
if(views!=null){
returnviews.size();
}
return0;
}
//初始化arg1位置的界面
@Override
publicObjectinstantiateItem(Viewarg0,intarg1){
((ViewPager)arg0).addView(views.get(arg1),0);
returnviews.get(arg1);
}
//判断是否由对象生成界面
@Override
publicbooleanisViewFromObject(Viewarg0,Objectarg1){
//TODOAuto-generatedmethodstub
return(arg0==arg1);
}
@Override
publicvoidrestoreState(Parcelablearg0,ClassLoaderarg1){
//TODOAuto-generatedmethodstub
}
@Override
publicParcelablesaveState(){
//TODOAuto-generatedmethodstub
returnnull;
}
@Override
publicvoidstartUpdate(Viewarg0){
//TODOAuto-generatedmethodstub
}
}
}
布局文件
<?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.support.v4.view.ViewPager android:id="@+id/page" android:layout_width="fill_parent" android:layout_height="fill_parent"> </android.support.v4.view.ViewPager> <LinearLayout android:id="@+id/ll" android:orientation="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="24.0dip" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true"> <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>
设置小圆点的selector
<?xmlversion="1.0"encoding="utf-8"?> <selectorxmlns:android="http://schemas.android.com/apk/res/android"> <itemandroid:state_enabled="true"android:drawable="@drawable/off"/> <itemandroid:state_enabled="false"android:drawable="@drawable/on"/> </selector>
更多关于Android相关内容感兴趣的读者可查看本站专题：《Android视图View技巧总结》、《Android编程之activity操作技巧总结》、《Android操作SQLite数据库技巧总结》、《Android操作json格式数据技巧总结》、《Android数据库操作技巧总结》、《Android文件操作技巧汇总》、《Android编程开发之SD卡操作方法汇总》、《Android开发入门与进阶教程》、《Android资源操作技巧汇总》及《Android控件用法总结》
希望本文所述对大家Android程序设计有所帮助。