public class CustomViewPager extends LinearLayout {
/**
* 上下文
*/
private Context mContext;
/**
* 圖片輪播視圖
*/
private ViewPager mAdvPager = null;
/**
* 滾動圖片視圖適配
*/
private ImageCycleAdapter mAdvAdapter;
/**
* 圖片輪播指示器控件
*/
private ViewGroup mGroup;
/**
* 圖片輪播指示個圖
*/
private ImageView mImageView = null;
/**
* 滾動圖片指示視圖列表
*/
private ImageView[] mImageViews = null;
/**
* 圖片滾動當前圖片下標
*/
private int mImageIndex = 0;
/**
* 手機密度
*/
private float mScale;
/**
* 停留時間
*/
private int stayTime=5000;
private boolean isStop;
private TextView[] mTextViews;
private TextView mTextView;
ArrayList<String> imageNameList;
/**
* @param context
*/
public CustomViewPager(Context context) {
super(context);
}
/**
* @param context
* @param attrs
*/
public CustomViewPager(Context context, AttributeSet attrs) {
super(context, attrs);
mContext = context;
mScale = context.getResources().getDisplayMetrics().density;
LayoutInflater.from(context).inflate(R.layout.custom_viewpager, this);
mAdvPager = (ViewPager) findViewById(R.id.adv_pager);
// mAdvPager.setOnPageChangeListener(new GuidePageChangeListener());
mAdvPager.addOnPageChangeListener(new GuidePageChangeListener());
mAdvPager.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_UP:
// 開始圖片滾動
startImageTimerTask();
break;
default:
// 停止圖片滾動
stopImageTimerTask();
break;
}
return false;
}
});
// 滾動圖片右下指示器視
mGroup = (ViewGroup) findViewById(R.id.viewGroup);
}
/**
* 裝填圖片數據
*
* @param imageUrlList
* @param imageCycleViewListener
*/
public void setImageResources(ArrayList<String> imageUrlList,ImageCycleViewListener imageCycleViewListener) {
// 清除
mGroup.removeAllViews();
// 圖片廣告數量
final int imageCount = imageUrlList.size();
mImageViews = new ImageView[imageCount];
for (int i = 0; i < imageCount; i++) {
mImageView = new ImageView(mContext);
int imageParams = (int) (mScale * 10 + 0.5f);// XP與DP轉換,適應應不同分辨率
int imagePadding = (int) (mScale * 5 + 0.5f);
LayoutParams params=new LayoutParams(imageParams,imageParams);
params.leftMargin=30;
mImageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
mImageView.setLayoutParams(params);
mImageView.setPadding(imagePadding, imagePadding, imagePadding, imagePadding);
mImageViews[i] = mImageView;
if (i == 0) {
mImageViews[i].setBackgroundResource(R.drawable.banner_dian_focus);
} else {
mImageViews[i].setBackgroundResource(R.drawable.banner_dian_blur);
}
mGroup.addView(mImageViews[i]);
}
mAdvAdapter = new ImageCycleAdapter(mContext, imageUrlList, imageNameList,imageCycleViewListener);
mAdvPager.setAdapter(mAdvAdapter);
startImageTimerTask();
}
/**
* 圖片輪播(手動控制自動輪播與否,便於資源控件)
*/
public void startImageCycle() {
startImageTimerTask();
}
/**
* 暫停輪播—用於節省資源
*/
public void pushImageCycle() {
stopImageTimerTask();
}
/**
* 設置停留的時間
* @param stayTime
*/
public void setStayTime(int stayTime){
this.stayTime=stayTime;
}
/**
* 圖片滾動任務
*/
private void startImageTimerTask() {
stopImageTimerTask();
// 圖片滾動
mHandler.postDelayed(mImageTimerTask, stayTime);
}
/**
* 停止圖片滾動任務
*/
private void stopImageTimerTask() {
isStop=true;
mHandler.removeCallbacks(mImageTimerTask);
}
private Handler mHandler = new Handler();
/**
* 圖片自動輪播Task
*/
private Runnable mImageTimerTask = new Runnable() {
@Override
public void run() {
if (mImageViews != null) {
mAdvPager.setCurrentItem(mAdvPager.getCurrentItem()+1);
if(!isStop){ //if isStop=true //當你退出後 要把這個給停下來 不然 這個一直存在 就一直在後臺循環
mHandler.postDelayed(mImageTimerTask, 3000);
}
}
}
};
/**
* 輪播圖片監聽
*
* @author minking
*/
private final class GuidePageChangeListener implements ViewPager.OnPageChangeListener {
@Override
public void onPageScrollStateChanged(int state) {
if (state == ViewPager.SCROLL_STATE_IDLE)
startImageTimerTask();
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
@Override
public void onPageSelected(int index) {
index=index%mImageViews.length;
// 設置當前顯示的圖片
mImageIndex = index;
// 設置圖片滾動指示器背
mImageViews[index].setBackgroundResource(R.drawable.banner_dian_focus);
for (int i = 0; i < mImageViews.length; i++) {
if (index != i) {
mImageViews[i].setBackgroundResource(R.drawable.banner_dian_blur);
}
}
}
}
private class ImageCycleAdapter extends PagerAdapter {
/**
* 圖片視圖緩存列表
*/
private ArrayList<ImageView> mImageViewCacheList;
/**
* 圖片資源列表
*/
private ArrayList<String> mAdList = new ArrayList<String>();
private ArrayList<String> nameList = new ArrayList<String>();
/**
* 廣告圖片點擊監聽
*/
private ImageCycleViewListener mImageCycleViewListener;
private Context mContext;
public ImageCycleAdapter(Context context, ArrayList<String> adList,ArrayList<String> nameList, ImageCycleViewListener imageCycleViewListener) {
this.mContext = context;
this.mAdList = adList;
this.nameList = nameList;
mImageCycleViewListener = imageCycleViewListener;
mImageViewCacheList = new ArrayList<ImageView>();
}
@Override
public int getCount() {
// return mAdList.size();
return Integer.MAX_VALUE;
}
@Override
public boolean isViewFromObject(View view, Object obj) {
return view == obj;
}
@Override
public Object instantiateItem(ViewGroup container, final int position) {
String imageUrl = mAdList.get(position%mAdList.size());
ImageView imageView = null;
if (mImageViewCacheList.isEmpty()) {
imageView = new ImageView(mContext);
imageView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
// 設置圖片點擊監聽
imageView.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
mImageCycleViewListener.onImageClick(position%mAdList.size(), v);
}
});
} else {
imageView = mImageViewCacheList.remove(0);
}
imageView.setTag(imageUrl);
container.addView(imageView);
mImageCycleViewListener.displayImage(imageUrl, imageView);
return imageView;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
ImageView view = (ImageView) object;
mAdvPager.removeView(view);
mImageViewCacheList.add(view);
}
}
/**
* 輪播控件的監聽事件
*
* @author minking
*/
public static interface ImageCycleViewListener {
/**
* 加載圖片資源
*
* @param imageURL
* @param imageView
*/
public void displayImage(String imageURL, ImageView imageView);
/**
* 單擊圖片事件
*
* @param position
* @param imageView
*/
public void onImageClick(int position, View imageView);
}
}
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/ad_rl"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<android.support.v4.view.ViewPager
android:id="@+id/adv_pager"
android:layout_width="match_parent"
android:layout_height="@dimen/vpheight" >
</android.support.v4.view.ViewPager>
<LinearLayout
android:id="@+id/viewGroup"
android:layout_width="match_parent"
android:paddingBottom="10dp"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:gravity="center_horizontal"
android:orientation="horizontal" />
</RelativeLayout>
調用方法============================================================================
ArrayList<String> mImageUrl = new ArrayList<>();
//頂部輪播圖
String imageUrl4="圖片路勁";
mImageUrl.add(imageUrl4);
mImageUrl.add(imageUrl4);
mImageUrl.add(imageUrl4);
mImageUrl.add(imageUrl4);
viewpager.setStayTime(3000);
viewpager.setImageResources(mImageUrl, mAdCycleViewListener);
private CustomViewPager.ImageCycleViewListener mAdCycleViewListener = new CustomViewPager.ImageCycleViewListener() {
@Override
public void onImageClick(int position, View imageView) {
// TODO 單擊圖片處理事件
}
@Override
public void displayImage(String imageURL, ImageView imageView) {
x.image().bind(imageView, imageURL, options);
}
};
============================================================================