首先介紹一下這篇小代碼:
注釋全面,簡單易學,适用初學者,圖檔自拟!!!
一定要将ArrayList集合&Handler機制傳到擴充卡,否則無法完成展示,也解決不了滑動沖突,代碼有點多,但是它通俗易懂啊
layout布局内寫法:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<android.support.v4.view.ViewPager
android:id="@+id/pager01"
android:layout_width="match_parent"
android:layout_height="300dp" />
<RadioGroup
android:id="@+id/radioGroup"
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
</RadioGroup>
</LinearLayout>
Activity内寫法:
public class Frag_01 extends Fragment {
private RadioGroup radioGroup;
private ViewPager pager;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.frag_01, container, false);
// 找Viewpager控件
radioGroup = (RadioGroup) view.findViewById(R.id.radioGroup);
pager = (ViewPager) view.findViewById(R.id.pager01);
// 圖檔資料自拟-->drawable檔案夾下
int arr[] = { R.drawable.a1, R.drawable.a2, R.drawable.a3,
R.drawable.a4, R.drawable.a5 };
final ArrayList<ImageView> list = new ArrayList<ImageView>();
for (int i = 0; i < arr.length; i++) {
ImageView imageView = new ImageView(getActivity());
imageView.setImageResource(arr[i]);
list.add(imageView);
// 生成小圓點
RadioButton radioButton = new RadioButton(getActivity());
radioGroup.addView(radioButton);
}
// 預設選中第一個
radioGroup.check(radioGroup.getChildAt(0).getId());
// 擴充卡
pager.setAdapter(new MyPagerAdapter(list, handler));
// 頁面切換監聽
pager.setOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int arg0) {
//根據頁面索引控制小圓點切換
arg0 %= list.size();
radioGroup.check(radioGroup.getChildAt(arg0).getId());
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
// TODO Auto-generated method stub
}
@Override
public void onPageScrollStateChanged(int arg0) {
// TODO Auto-generated method stub
}
});
//handler發送消息
handler.sendEmptyMessageDelayed(0, 3000);
return view;
}
//Handler機制-----------------------------------------
Handler handler = new Handler() {
public void handleMessage(android.os.Message msg) {
switch (msg.what) {
case 0:
//擷取到下一頁的條目--->指派給目前條目
int currentItem = pager.getCurrentItem() + 1;
pager.setCurrentItem(currentItem);
handler.sendEmptyMessageDelayed(0, 3000);
break;
default:
break;
}
};
};
}
PagerAdapter擴充卡的寫法:(内含滑動沖突解決方案)
public class MyPagerAdapter extends PagerAdapter {
private ArrayList<ImageView> list;
private Handler handler;
//構造
public MyPagerAdapter(ArrayList<ImageView> list, Handler handler) {
super();
this.list = list;
this.handler = handler;
}
@Override
public int getCount() {
// 設定最大值
return Integer.MAX_VALUE;
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
//目前視圖和新加載視圖判斷-->為真才能去銷毀
return arg0 == arg1;
}
// 添加視圖
// ----該方法内包含滑動沖突----
@Override
public Object instantiateItem(ViewGroup container, int position) {
position %= list.size();
ImageView imageView = list.get(position);
imageView.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
// 擷取事件
int action = event.getAction();
switch (action) {
case MotionEvent.ACTION_MOVE:// 滑動
handler.removeCallbacksAndMessages(null);
break;
case MotionEvent.ACTION_DOWN:// 按下
handler.removeCallbacksAndMessages(null);
break;
case MotionEvent.ACTION_CANCEL:// 非人為操作
handler.sendEmptyMessageDelayed(0, 3000);
break;
case MotionEvent.ACTION_UP:// 擡起
handler.sendEmptyMessageDelayed(0, 3000);
break;
}
return true;
}
});
//擷取的圖檔存進容器
container.addView(imageView);
return imageView;
}
// 銷毀視圖
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
}
}