快捷導(dǎo)航

使用ViewPager實(shí)現(xiàn)高仿launcher左右拖動(dòng)效果

更新時(shí)間：2013年01月02日 17:20:31 作者：

今天用ViewPager這個(gè)類實(shí)現(xiàn)了同樣的左右拖動(dòng)效果,這樣代碼更少，但是效果是一樣的,ViewPager是實(shí)現(xiàn)左右兩個(gè)屏幕平滑地切換的一個(gè)類，它是Google提供的,有需要的朋友可以了解下

前面一篇高仿launcher和墨跡左右拖動(dòng)效果獲得了很多朋友的好評(píng)，上一篇文章主要是通過自定義ViewGroup實(shí)現(xiàn)的，有點(diǎn)麻煩。今天用ViewPager這個(gè)類實(shí)現(xiàn)了同樣的效果，這樣代碼更少，但是效果是一樣的。ViewPager是實(shí)現(xiàn)左右兩個(gè)屏幕平滑地切換的一個(gè)類，它是Google提供的。

使用ViewPager首先需要引入android-support-v4.jar這個(gè)jar包。具體ViewPager的用法，這里不做介紹，自己從網(wǎng)上搜索吧！
下面先看一下效果：

效果請(qǐng)自行體驗(yàn)和上一篇比較。下面上代碼：
首先是layout下面的main.xml

復(fù)制代碼代碼如下:

 
<?xmlversion="1.0"encoding="utf-8"?> 
<FrameLayoutxmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:orientation="vertical"> 
<android.support.v4.view.ViewPager 
android:id="@+id/viewPager" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content"/> 
<RelativeLayout 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:orientation="vertical"> 
<LinearLayout 
android:id="@+id/viewGroup" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:layout_alignParentBottom="true" 
android:layout_marginBottom="30dp" 
android:gravity="center_horizontal" 
android:orientation="horizontal"> 
</LinearLayout> 
</RelativeLayout> 
</FrameLayout> 

接下來為每一個(gè)切換界面設(shè)置布局item1.xml

復(fù)制代碼代碼如下:

 
<?xmlversion="1.0"encoding="UTF-8"?> 
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:orientation="vertical"> 
<ImageView 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:background="@drawable/guide01"> 
</ImageView> 
</LinearLayout> 

其他的幾個(gè)界面布局和這個(gè)一樣，就是修改下背景圖片，所以不再?gòu)?fù)述，
最后是核心代碼：

復(fù)制代碼代碼如下:

 
importjava.util.ArrayList; 
importandroid.app.Activity; 
importandroid.os.Bundle; 
importandroid.os.Parcelable; 
importandroid.support.v4.view.PagerAdapter; 
importandroid.support.v4.view.ViewPager; 
importandroid.support.v4.view.ViewPager.OnPageChangeListener; 
importandroid.view.LayoutInflater; 
importandroid.view.View; 
importandroid.view.ViewGroup; 
importandroid.view.ViewGroup.LayoutParams; 
importandroid.view.Window; 
importandroid.widget.ImageView; 
publicclassMainActivityextendsActivity{ 
ViewPagerviewPager; 
ArrayList<View>list; 
ViewGroupmain,group; 
ImageViewimageView; 
ImageView[]imageViews; 
@Override 
publicvoidonCreate(BundlesavedInstanceState){ 
super.onCreate(savedInstanceState); 
this.requestWindowFeature(Window.FEATURE_NO_TITLE); 
LayoutInflaterinflater=getLayoutInflater(); 
list=newArrayList<View>(); 
list.add(inflater.inflate(R.layout.item1,null)); 
list.add(inflater.inflate(R.layout.item2,null)); 
list.add(inflater.inflate(R.layout.item3,null)); 
list.add(inflater.inflate(R.layout.item4,null)); 
list.add(inflater.inflate(R.layout.item5,null)); 
imageViews=newImageView[list.size()]; 
ViewGroupmain=(ViewGroup)inflater.inflate(R.layout.main,null); 
//group是R.layou.main中的負(fù)責(zé)包裹小圓點(diǎn)的LinearLayout. 
ViewGroupgroup=(ViewGroup)main.findViewById(R.id.viewGroup); 
viewPager=(ViewPager)main.findViewById(R.id.viewPager); 
for(inti=0;i<list.size();i++){ 
imageView=newImageView(MainActivity.this); 
imageView.setLayoutParams(newLayoutParams(10,10)); 
imageView.setPadding(10,0,10,0); 
imageViews[i]=imageView; 
if(i==0){ 
//默認(rèn)進(jìn)入程序后第一張圖片被選中; 
imageViews[i].setBackgroundResource(R.drawable.guide_dot_white); 
}else{ 
imageViews[i].setBackgroundResource(R.drawable.guide_dot_black); 
} 
group.addView(imageView); 
} 
setContentView(main); 
viewPager.setAdapter(newMyAdapter()); 
viewPager.setOnPageChangeListener(newMyListener()); 
} 
classMyAdapterextendsPagerAdapter{ 
@Override 
publicintgetCount(){ 
returnlist.size(); 
} 
@Override 
publicbooleanisViewFromObject(Viewarg0,Objectarg1){ 
returnarg0==arg1; 
} 
@Override 
publicintgetItemPosition(Objectobject){ 
//TODOAuto-generatedmethodstub 
returnsuper.getItemPosition(object); 
} 
@Override 
publicvoiddestroyItem(Viewarg0,intarg1,Objectarg2){ 
//TODOAuto-generatedmethodstub 
((ViewPager)arg0).removeView(list.get(arg1)); 
} 
@Override 
publicObjectinstantiateItem(Viewarg0,intarg1){ 
//TODOAuto-generatedmethodstub 
((ViewPager)arg0).addView(list.get(arg1)); 
returnlist.get(arg1); 
} 
@Override 
publicvoidrestoreState(Parcelablearg0,ClassLoaderarg1){ 
//TODOAuto-generatedmethodstub 
} 
@Override 
publicParcelablesaveState(){ 
//TODOAuto-generatedmethodstub 
returnnull; 
} 
@Override 
publicvoidstartUpdate(Viewarg0){ 
//TODOAuto-generatedmethodstub 
} 
@Override 
publicvoidfinishUpdate(Viewarg0){ 
//TODOAuto-generatedmethodstub 
} 
} 
classMyListenerimplementsOnPageChangeListener{ 
@Override 
publicvoidonPageScrollStateChanged(intarg0){ 
//TODOAuto-generatedmethodstub 
} 
@Override 
publicvoidonPageScrolled(intarg0,floatarg1,intarg2){ 
//TODOAuto-generatedmethodstub 
} 
@Override 
publicvoidonPageSelected(intarg0){ 
for(inti=0;i<imageViews.length;i++){ 
imageViews[arg0] 
.setBackgroundResource(R.drawable.guide_dot_white); 
if(arg0!=i){ 
imageViews[i] 
.setBackgroundResource(R.drawable.guide_dot_black); 
} 
} 
} 
} 
} 