1. ViewPage
ViewPager能实现左右侧划的效果,要用到PagerAdapter来生成page.
ViewPager通常和Fragment结合起来用,它能方便的支持和管理每个页面的生命周期。主要用到两个类:FragmentPagerAdapter,FragmentStatePageAdatpter.
示例:实现4个界面,每一个界面显示时加载一张图片。
1. Activity
2.ImageDownLoad.java
2. ViewPager 与 Fragment实现侧划效果
要实现的效果:定义4个Fragment,加入到ViewPager中,当左右划动时,能转到相应的页面。
1)在activity_main.xml中加入ViewPager布局,和上面的一样。
定义4个布局文件,f1.xml ..... f2.xml. 布局中只加入一个ImageView.
2) MainActivity
3)Fragment1
下载图片的工具类ImageDownLoad.java和上面是一样的。
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和上面是一样的。