怎么在Android中使用ViewPager实现左右拖动效果

今天就跟大家聊聊有关怎么在Android中使用ViewPager实现左右拖动效果,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

公司主营业务:网站设计、成都做网站、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。成都创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联推出石城免费做网站回馈大家。

Demo的结构图:

怎么在Android中使用ViewPager实现左右拖动效果

注:ViewPager类是实现左右两个屏幕平滑地切换的一个类,是由Google 提供的, 使用ViewPager首先需要引入android-support-v4.jar这个jar包。其中工程项目中的 libs 文件夹下存放着 android-support-v4.jar这个jar包。drawable文件夹下包含有图片资源文件。

以下是工程中各个文件的源码:

main.xml源码:

 
 
 
  
  
  
  
  
  
 

item01.xml源码:

 
 
 
  
  
 

其中item02.xml,item03.xml,item04.xml布局文件的源码和item01.xml布局文件一样,只是 ImageView 中的 android:background 属性的背景图片不同而已。

GuideViewDemoActivity.java 源码:

package com.andyidea.guidedemo; 
 
import java.util.ArrayList; 
 
import android.app.Activity; 
import android.os.Bundle; 
import android.os.Parcelable; 
import android.support.v4.view.PagerAdapter; 
import android.support.v4.view.ViewPager; 
import android.support.v4.view.ViewPager.OnPageChangeListener; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.view.ViewGroup; 
import android.view.ViewGroup.LayoutParams; 
import android.view.Window; 
import android.widget.ImageView; 
 
public class GuideViewDemoActivity extends Activity { 
 
 private ViewPager viewPager; 
 private ArrayList pageViews; 
 private ViewGroup main, group; 
 private ImageView imageView; 
 private ImageView[] imageViews; 
 
 /** Called when the activity is first created. */ 
 @Override 
 public void onCreate(Bundle savedInstanceState) { 
 super.onCreate(savedInstanceState); 
 this.requestWindowFeature(Window.FEATURE_NO_TITLE); 
  
 LayoutInflater inflater = getLayoutInflater(); 
 pageViews = new ArrayList(); 
 pageViews.add(inflater.inflate(R.layout.item01, null)); 
 pageViews.add(inflater.inflate(R.layout.item02, null)); 
 pageViews.add(inflater.inflate(R.layout.item03, null)); 
 pageViews.add(inflater.inflate(R.layout.item04, null)); 
 
 imageViews = new ImageView[pageViews.size()]; 
 main = (ViewGroup)inflater.inflate(R.layout.main, null); 
  
 // group是R.layou.main中的负责包裹小圆点的LinearLayout. 
 group = (ViewGroup)main.findViewById(R.id.viewGroup); 
 
 viewPager = (ViewPager)main.findViewById(R.id.guidePages); 
 
 for (int i = 0; i < pageViews.size(); i++) { 
  imageView = new ImageView(GuideViewDemoActivity.this); 
  imageView.setLayoutParams(new LayoutParams(20,20)); 
  imageView.setPadding(20, 0, 20, 0); 
  imageViews[i] = imageView; 
  if (i == 0) { 
  //默认选中第一张图片 
  imageViews[i].setBackgroundResource(R.drawable.page_indicator_focused); 
  } else { 
  imageViews[i].setBackgroundResource(R.drawable.page_indicator); 
  } 
  group.addView(imageViews[i]); 
 } 
 
 setContentView(main); 
 
 viewPager.setAdapter(new GuidePageAdapter()); 
 viewPager.setOnPageChangeListener(new GuidePageChangeListener()); 
 } 
 
 /** 指引页面Adapter */ 
 class GuidePageAdapter extends PagerAdapter { 
  
 @Override 
 public int getCount() { 
  return pageViews.size(); 
 } 
 
 @Override 
 public boolean isViewFromObject(View arg0, Object arg1) { 
  return arg0 == arg1; 
 } 
 
 @Override 
 public int getItemPosition(Object object) { 
  // TODO Auto-generated method stub 
  return super.getItemPosition(object); 
 } 
 
 @Override 
 public void destroyItem(View arg0, int arg1, Object arg2) { 
  // TODO Auto-generated method stub 
  ((ViewPager) arg0).removeView(pageViews.get(arg1)); 
 } 
 
 @Override 
 public Object instantiateItem(View arg0, int arg1) { 
  // TODO Auto-generated method stub 
  ((ViewPager) arg0).addView(pageViews.get(arg1)); 
  return pageViews.get(arg1); 
 } 
 
 @Override 
 public void restoreState(Parcelable arg0, ClassLoader arg1) { 
  // TODO Auto-generated method stub 
 
 } 
 
 @Override 
 public Parcelable saveState() { 
  // TODO Auto-generated method stub 
  return null; 
 } 
 
 @Override 
 public void startUpdate(View arg0) { 
  // TODO Auto-generated method stub 
 
 } 
 
 @Override 
 public void finishUpdate(View arg0) { 
  // TODO Auto-generated method stub 
 
 } 
 } 
 
 /** 指引页面改监听器 */ 
 class GuidePageChangeListener implements OnPageChangeListener { 
 
 @Override 
 public void onPageScrollStateChanged(int arg0) { 
  // TODO Auto-generated method stub 
 
 } 
 
 @Override 
 public void onPageScrolled(int arg0, float arg1, int arg2) { 
  // TODO Auto-generated method stub 
 
 } 
 
 @Override 
 public void onPageSelected(int arg0) { 
  for (int i = 0; i < imageViews.length; i++) { 
  imageViews[arg0] 
   .setBackgroundResource(R.drawable.page_indicator_focused); 
  if (arg0 != i) { 
   imageViews[i] 
    .setBackgroundResource(R.drawable.page_indicator); 
  } 
  } 
 
 } 
 
 } 
 
}

看完上述内容,你们对怎么在Android中使用ViewPager实现左右拖动效果有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


网站标题:怎么在Android中使用ViewPager实现左右拖动效果
文章地址:http://ybzwz.com/article/pjgpii.html