《老罗Android第二季》ViewPage

1. ViewPage
 ViewPager能实现左右侧划的效果，要用到PagerAdapter来生成page.
ViewPager通常和Fragment结合起来用，它能方便的支持和管理每个页面的生命周期。主要用到两个类：FragmentPagerAdapter,FragmentStatePageAdatpter.
示例：实现4个界面，每一个界面显示时加载一张图片。
1. Activity

public class MainActivity extends Activity {
private ViewPager viewPager;
/ 加载显示内容
private List<View> content;
/ 加载显示标题
private List<String> title;
private LayoutInflater inflater;
/图片地址
private String[] items = {
		"http://lh5.ggpht.com/_mrb7w4gF8Ds/TCpetKSqM1I/AAAAAAAAD2c/Qef6Gsqf12Y/s144-c/_DSC4374%20copy.jpg",
		"http://lh5.ggpht.com/_Z6tbBnE-swM/TB0CryLkiLI/AAAAAAAAVSo/n6B78hsDUz4/s144-c/_DSC3454.jpg",
		"http://lh3.ggpht.com/_GEnSvSHk4iE/TDSfmyCfn0I/AAAAAAAAF8Y/cqmhEoxbwys/s144-c/_MG_3675.jpg",
		"http://lh6.ggpht.com/_Nsxc889y6hY/TBp7jfx-cgI/AAAAAAAAHAg/Rr7jX44r2Gc/s144-c/IMGP9775a.jpg" };
private MyPagerAdapter adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);
	viewPager = (ViewPager) this.findViewById(R.id.viewpager);
	inflater = LayoutInflater.from(this);
	content = new ArrayList<View>();
	title = new ArrayList<String>();
	for (int i = 1; i <= 4; i++) {
		View view = inflater.inflate(R.layout.item, null);
		content.add(view);
		title.add("图片集" + i);
	}
	adapter = new MyPagerAdapter();
	viewPager.setAdapter(adapter);
	adapter.notifyDataSetChanged();
public class MyPagerAdapter extends PagerAdapter {
	public Object instantiateItem(ViewGroup container, int position) {
		System.out.println("--path-->>" + items[position]);
		View view = content.get(position);
		//定义成final,就能在new ImageDownLoad()中使用这个imageView。
		final ImageView imageView = (ImageView) view
				.findViewById(R.id.imageView1);
		// imageView.setImageBitmap(bm);
		new ImageDownLoad().loadImage(items[position], new ImageCallBack() {
			@Override
			public void getImageContent(Bitmap bitmap) {
				imageView.setImageBitmap(bitmap);
			}
		});
		((ViewPager) container).addView(view);
		return view;
	}
	public CharSequence getPageTitle(int position) {
		return title.get(position);
	}
	public int getCount() {
		return content.size();
	}
	public boolean isViewFromObject(View arg0, Object arg1) {
		//页面划入划出的时候，怎么判断页面和Key是否一致呢？
		return (arg0 == arg1);
	}
	public void destroyItem(ViewGroup container, int position, Object object) {
		// super.destroyItem(container, position, object);
		((ViewPager) container).removeView(content.get(position));
	}
}

其中的activity_main.xml:

<RelativeLayout.......>
    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center" >
        <android.support.v4.view.PagerTitleStrip
            android:id="@+id/pagertitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="top" >
        </android.support.v4.view.PagerTitleStrip>
    </android.support.v4.view.ViewPager>
</RelativeLayout>

item.xml中只加入一个  <ImageView>.

2.ImageDownLoad.java

public class ImageDownLoad {
public void loadImage(final String path, final ImageCallBack callBack) {
	final Handler handler = new Handler() {
	public void handleMessage(Message msg) {
		super.handleMessage(msg);
		Bitmap bitmap = (Bitmap) msg.obj;
		callBack.getImageContent(bitmap);
		}
	};
	new Thread(new Runnable() {
	public void run() {
		HttpClient httpClient = new DefaultHttpClient();
		HttpPost httpPost = new HttpPost(path);
		HttpResponse response = null;
		try {
			response = httpClient.execute(httpPost);
		if (response.getStatusLine().getStatusCode() == 200) {
			byte[] data = EntityUtils.toByteArray(response.getEntity());
			Bitmap bitmap = BitmapFactory.decodeByteArray(data, 0,data.length);
			Message message = Message.obtain();
			message.obj = bitmap;
			handler.sendMessage(message);
				}
			} catch (Exception e) {
				e.printStackTrace();
			} finally {
				httpClient.getConnectionManager().shutdown();
			}
		}
	}).start();
}
public interface ImageCallBack {
	public void getImageContent(Bitmap bitmap);
}
}

声明一个接口，给UI界面实现回调的；在一个方法当中，把一个路径及一个接口传进来。在这的内部通过一个Handler及Runnable把图片下下来。

---

2. ViewPager 与 Fragment实现侧划效果
 要实现的效果：定义4个Fragment，加入到ViewPager中，当左右划动时，能转到相应的页面。
1）在activity_main.xml中加入ViewPager布局，和上面的一样。
     定义4个布局文件，f1.xml .....   f2.xml.  布局中只加入一个ImageView.
2) MainActivity

public class MainActivity extends FragmentActivity {
private ViewPager viewPager;
private List<Fragment> items;
private MyFragmentPagerAdapter adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);
	viewPager = (ViewPager) this.findViewById(R.id.pager);
	items = new ArrayList<Fragment>();
	items.add(new Fragment1());
	items.add(new Fragment2());
	items.add(new Fragment3());
	items.add(new Fragment4());
	adapter = new MyFragmentPagerAdapter(getSupportFragmentManager());
	viewPager.setAdapter(adapter);
	adapter.notifyDataSetChanged();
}
/**使用FragmentPagerAdapter适配器的时候，他会持久化数据，即使Fragment被系统销毁，数据也是会保存在内存中的
 * 所以不能使用它来加载大量的数据 * 
 * 使用FragmentStatePagerAdapter适配器的时候，他会销毁Fragment仅仅保存Fragment的引用，适合加载一些大量的数据，
 */
public class MyFragmentPagerAdapter extends FragmentStatePagerAdapter {
	public MyFragmentPagerAdapter(FragmentManager fm) {
		super(fm);
	}
	@Override
	public Fragment getItem(int arg0) {
		return items.get(arg0);
	}
	public int getCount() {
		return items.size();
	}
}
}

FragmentPagerAdapter和FragmentStatePageAdatpter用法一样，直接换下名字就可以用。
3）Fragment1

public class Fragment1 extends Fragment {
private final String image_path = "http://lh5.ggpht.com/_mrb7w4gF8Ds/TCpetKSqM1I/AAAAAAAAD2c/Qef6Gsqf12Y/s144-c/_DSC4374%20copy.jpg";
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
	}
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		View view = inflater.inflate(R.layout.f1, null);
	final ImageView imageView = (ImageView) view.findViewById(R.id.imageView1);
        new ImageDownLoad().loadImage(image_path, new ImageCallBack() {
			@Override
			public void getImageContent(Bitmap bitmap) {
				imageView.setImageBitmap(bitmap);
			}
		});
		return view;
	}
	@Override
	public void onPause() {
		super.onPause();
	}
}

Fragment2~Fragment4可以是一样的功能，都是下载一张图片。这里ViewPager在一个特点，就是预装载图片。
下载图片的工具类ImageDownLoad.java和上面是一样的。