ViewPager的使用(三)-viewPager与Fragment配合使用

  实现开发中会用Fragment与ViewPager配合使用，这里会使用FragmentPagerAdapter或者FragmentStatePagerAdapter。

   

下面是网上的说法

    常使用的FragmentPagerAdapter和FragmentStatePagerAdapter来自android.support.v4.app包用来构建ViewPager。
FragmentPagerAdapter更多的用于少量界面的ViewPager，比如Tab。划过的fragment会保存在内存中，尽管已经划过。而FragmentStatePagerAdapter和ListView有点类似，会保存当前界面，以及下一个界面和上一个界面（如果有），最多保存3个，其他会被销毁掉。
要注意的是FragmentStatePagerAdapter可能不经意间会造成内存未正常回收，严重导致内存溢出，比如图片资源没有释放，资源引用问题。（之前碰到过EditTextt由于保存焦点导致Fragment未被释放，以至于内存溢出，设置editText.saveEanble(false)就可以解决此问题)

代码较为简单，和直接使用PagerAdapter区别不大

package wei.jiang.viewpagerdemo;

import java.util.ArrayList;

import java.util.List;

import android.graphics.BitmapFactory;

import android.graphics.Matrix;

import android.os.Bundle;

import android.support.v4.app.Fragment;

import android.support.v4.app.FragmentActivity;

import android.support.v4.app.FragmentManager;

import android.support.v4.app.FragmentPagerAdapter;

import android.support.v4.view.ViewPager;

import android.support.v4.view.ViewPager.OnPageChangeListener;

import android.util.DisplayMetrics;

import android.view.LayoutInflater;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.animation.Animation;

import android.view.animation.TranslateAnimation;

import android.widget.ImageView;

import android.widget.TextView;

import android.widget.Toast;

/**

 * 固定头标题

 *

 * @author Administrator

 *

 */

public class FragmentPagerActivity extends FragmentActivity {

 private ViewPager viewPager;// 页卡内容

 private ImageView imageView;// 动画图片

 private TextView textView1, textView2, textView3;

 private int offset = 0;// 动画图片偏移量

 private int currIndex = 0;// 当前页卡编号

 private int bmpW;// 动画图片宽度

 private int oneTabWid;

 private FragmentManager fm;

 

 private List<Fragment> fragmentContainer = new ArrayList<Fragment>();

 @Override

 protected void onCreate(Bundle savedInstanceState) {

  super.onCreate(savedInstanceState);

  setContentView(R.layout.activity_fixtab);

  fm = getSupportFragmentManager();

  initView();

  initTitle();

 }

 private void initTitle() {

  textView1 = (TextView) findViewById(R.id.text1);

  textView2 = (TextView) findViewById(R.id.text2);

  textView3 = (TextView) findViewById(R.id.text3);

  textView1.setOnClickListener(new MyOnClickListener(0));

  textView2.setOnClickListener(new MyOnClickListener(1));

  textView3.setOnClickListener(new MyOnClickListener(2));

 }

 private void initView() {

  viewPager = (ViewPager) findViewById(R.id.viewpager);

  imageView = (ImageView) findViewById(R.id.cursor);

  bmpW = BitmapFactory.decodeResource(getResources(), R.drawable.line)

    .getWidth();// 获取图片宽度

  DisplayMetrics dm = new DisplayMetrics();

  getWindowManager().getDefaultDisplay().getMetrics(dm);

  int screenW = dm.widthPixels;// 获取分辨率宽度

  oneTabWid = screenW / 3;

  offset = (oneTabWid - bmpW) / 2;// 计算偏移量 Matrix matrix = new

  Matrix matrix = new Matrix();

  matrix.postTranslate(offset, 0);

  imageView.setImageMatrix(matrix);// 设置动画初始位置

  View view1 = LayoutInflater.from(this).inflate(R.layout.item1, null);

  View view2 = LayoutInflater.from(this).inflate(R.layout.item2, null);

  View view3 = LayoutInflater.from(this).inflate(R.layout.item3, null);

  fragmentContainer.add(new Fragment1());

  fragmentContainer.add(new Fragment2());

  fragmentContainer.add(new Fragment3());

 

  MyViewPagerAdapter myViewPagerAdapter = new MyViewPagerAdapter(fm);

  viewPager.setAdapter(myViewPagerAdapter);

  viewPager.setCurrentItem(0);

  viewPager.setOnPageChangeListener(new MyOnPageChangeListener()); // 若不设置这个，标题下边的线不会随着页卡滑动而滑动

 }

 private class MyOnPageChangeListener implements OnPageChangeListener {

  public void onPageScrollStateChanged(int arg0) { // arg0

               // ==1的时辰默示正在滑动，arg0==2的时辰默示滑动完毕了，arg0==0的时辰默示什么都没做，就是停在那。

  }

  public void onPageScrolled(int arg0, float arg1, int arg2) { // 默示在前一个页面滑动到后一个页面的时辰，在前一个页面滑动前调用的办法。

  }

  public void onPageSelected(int arg0) { // arg0是默示你当前选中的页面，这事务是在你页面跳转完毕的时辰调用的。

   Animation animation = new TranslateAnimation(oneTabWid * currIndex,

     oneTabWid * arg0, 0, 0);// 显然这个比较简洁，只有一行代码。

   currIndex = arg0;

   animation.setFillAfter(true);// True:图片停在动画结束位置

   animation.setDuration(300);

   imageView.startAnimation(animation);

   Toast.makeText(FragmentPagerActivity.this,

     "您选择了" + viewPager.getCurrentItem() + "页卡",

     Toast.LENGTH_SHORT).show();

  }

 }

 /**

  *

  * 头标点击监听 3

  */

 private class MyOnClickListener implements OnClickListener {

  private int index = 0;

  public MyOnClickListener(int i) {

   index = i;

  }

  public void onClick(View v) {

   viewPager.setCurrentItem(index);

  }

 }

 private class MyViewPagerAdapter extends FragmentPagerAdapter {

  public MyViewPagerAdapter(FragmentManager fm) {

   super(fm);

  }

  @Override

  public Fragment getItem(int position) {

   return fragmentContainer.get(position);

  }

  @Override

  public int getCount() {

   return fragmentContainer.size();

  }

 

 }

}