Android自定义控件显示多页图片展示效果并自动翻页适合广告展示

最新推荐文章于 2021-09-15 08:00:00 发布

跟随内心

最新推荐文章于 2021-09-15 08:00:00 发布

阅读量8.5k

点赞数

分类专栏： Android开发

本文链接：https://blog.csdn.net/Sasoritattoo/article/details/9030709

版权

Android开发专栏收录该内容

41 篇文章 1 订阅

订阅专栏

跟这个效果类似，

http://blog.csdn.net/sinyu890807/article/details/8769904

但是使用了感觉不好，自己写的先看张效果吧：

点击跳转页面，有title

先看张效果吧：

点击跳转页面，有title

MainActivity

public class MyGuideViewActivity extends Activity {
	private static final String TAG = MyGuideViewActivity.class.getSimpleName();
	
	private Context mContext = null;
	    
	 private View3Pagers mView3Pagers = null;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 设置无标题窗口
        mContext = this;
        requestWindowFeature(Window.FEATURE_NO_TITLE);
     
        initView3Pages();
    }
    
    private void initView3Pages() {
    	setContentView(R.layout.main_2);
        mView3Pagers =  (View3Pagers)findViewById(R.id.widget);
     
        ArrayList<View3PagerData> data = new ArrayList<View3PagerData>();
        
        Bitmap bitmap = BitmapFactory.decodeResource(mContext.getResources(), R.drawable.feature_guide_0);
        data.add(new View3PagerData(bitmap, "title 0" , "clickUrl 0"));
        
        bitmap = BitmapFactory.decodeResource(mContext.getResources(), R.drawable.feature_guide_1);
        data.add(new View3PagerData(bitmap, "title 1" , "clickUrl 1"));
        
        bitmap = BitmapFactory.decodeResource(mContext.getResources(), R.drawable.feature_guide_2);
        data.add(new View3PagerData(bitmap, "title 2" , "clickUrl 2"));
       
        bitmap = BitmapFactory.decodeResource(mContext.getResources(), R.drawable.feature_guide_3);
        data.add(new View3PagerData(bitmap, "title 3" , "clickUrl 3"));
     
        bitmap = BitmapFactory.decodeResource(mContext.getResources(), R.drawable.feature_guide_4);
        data.add(new View3PagerData(bitmap, "title 4" , "clickUrl 4"));
        
        mView3Pagers.setData(data);
    }
    
}

View3Pagers类

package com.widget;

import java.util.ArrayList;
import java.util.Timer;
import java.util.TimerTask;

import com.test.guide.R;

import android.content.Context;
import android.graphics.Bitmap;
import android.os.Handler;
import android.os.Message;
import android.os.Parcelable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

/**
 * 
 * @author zt
 *
 */
public class View3Pagers extends FrameLayout {
	private static final String TAG = View3Pagers.class.getSimpleName();
	
	private Context mContext = null;
	private ArrayList<View> mPageViews = null;
	private ViewGroup mPointsViewGroup = null;
	private ViewPager mViewPager = null;
	public View3Pagers(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
		mContext = context;
		Log.d(TAG, "View3Pagers(context, attrs) init() ");
		init();
	}

	public View3Pagers(Context context) {
		super(context);
		// TODO Auto-generated constructor stub
		mContext = context;
		Log.d(TAG, "View3Pagers(context)  init() ");
		init();
	}

	private void init() {
		LayoutInflater.from(mContext).inflate(R.layout.just_use_for_widget_view3pagers, this, true);
		
		//圆点 
		mPointsViewGroup = (ViewGroup)findViewById(R.id.just_use_for_widget_view3pagers_PointsLayout);  
		
		mViewPager = (ViewPager)findViewById(R.id.just_use_for_widget_view3pagers_ViewPager);  
		mViewPager.setAdapter(getGuidePageAdapter());  
		mViewPager.setOnPageChangeListener(getGuidePageChangeListener());  
		
		startTimer();
	}
	
	private GuidePageAdapter mGuidePageAdapter = null;
	private GuidePageAdapter getGuidePageAdapter() {
		if (mGuidePageAdapter == null) {
			mGuidePageAdapter = new GuidePageAdapter();
		}
		return mGuidePageAdapter;
	}
	
	private GuidePageChangeListener mGuidePageChangeListener = null;
	private GuidePageChangeListener getGuidePageChangeListener() {
		if (mGuidePageChangeListener == null) {
			mGuidePageChangeListener = new GuidePageChangeListener();
		}
		return mGuidePageChangeListener;
	}
	
	
	private ArrayList<View3PagerData> mView3PagerDataList = null;
	private ImageView[] mPointViews = null;
	public void setData(ArrayList<View3PagerData> view3PagerDataList) {
		mView3PagerDataList = view3PagerDataList;
		if (mView3PagerDataList == null || mView3PagerDataList.size() == 0) {
			Log.e(TAG, "error !");
			return;
		}

		init();
		
		mPageViews = new ArrayList<View>(); 
		for(int m = 0; m < mView3PagerDataList.size(); m++) {
			View3PagerData data = mView3PagerDataList.get(m);

			View view = LayoutInflater.from(mContext).inflate(R.layout.just_use_for_widget_view3pagers_subview, null);
			ImageView img = (ImageView) view.findViewById(R.id.just_use_for_widget_view3pagers_Img);
			TextView titleTv = (TextView) view.findViewById(R.id.just_use_for_widget_view3pagers_Title);
			img.setImageBitmap(data.getBitmap());
			titleTv.setText(data.getTitle());
			final String clickUrl = data.getClickUrl();

			view.setClickable(true);
			view.setOnClickListener(new OnClickListener() {

				@Override
				public void onClick(View v) {
					// TODO Auto-generated method stub
					openUrl(clickUrl);
				}
			});
			mPageViews.add(view);
		}

		mPointViews = new ImageView[mView3PagerDataList.size()];  
		for (int i = 0; i < mView3PagerDataList.size(); i++) {
			ImageView imageView = new ImageView(mContext);  
			imageView.setLayoutParams(new LayoutParams(10,10));  
			imageView.setPadding(20, 0, 20, 0);  
			mPointViews[i] = imageView;  

			if (i == 0) {
				//默认选中第一张图片
				mPointViews[i].setBackgroundResource(R.drawable.page_indicator_focused);  
			} else {
				mPointViews[i].setBackgroundResource(R.drawable.page_indicator);  
			}

			mPointsViewGroup.addView(mPointViews[i]);  
		}
	}
	
	private void openUrl(String url) {
		Toast.makeText(mContext, "openUrl " + url, Toast.LENGTH_SHORT).show();
	}
	
	 // 指引页面数据适配器
    class GuidePageAdapter extends PagerAdapter {  

    	private int mCurPos = 0;
    	private int mPagesCount = 0;
    	
        @Override  
        public int getCount() {
        	mPagesCount = mPageViews == null ? 0 : mPageViews.size(); 
            return mPagesCount;
        }  
  
        @Override  
        public boolean isViewFromObject(View arg0, Object arg1) {  
            return arg0 == arg1;  
        }  
  
        @Override  
        public int getItemPosition(Object object) {  
            // TODO Auto-generated method stub  
            return super.getItemPosition(object);  
        }  
  
        @Override  
        public void destroyItem(View arg0, int arg1, Object arg2) {  
            // TODO Auto-generated method stub  
            ((ViewPager) arg0).removeView(mPageViews == null ? null : mPageViews.get(arg1));  
        }  
  
        @Override  
        public Object instantiateItem(View arg0, int arg1) {  
            // TODO Auto-generated method stub  
        	Log.d(TAG, "instantiateItem() arg1 = " + arg1);
            ((ViewPager) arg0).addView(mPageViews == null ? null : mPageViews.get(arg1));  
            return mPageViews == null ? null : mPageViews.get(arg1);  
        }  
  
        @Override  
        public void restoreState(Parcelable arg0, ClassLoader arg1) {  
            // TODO Auto-generated method stub  
  
        }  
  
        @Override  
        public Parcelable saveState() {  
            // TODO Auto-generated method stub  
            return null;  
        }  
  
        @Override  
        public void startUpdate(View arg0) {  
            // TODO Auto-generated method stub  
        	Log.d(TAG, "startUpdate()");
        }  
  
        @Override  
        public void finishUpdate(View arg0) {  
            // TODO Auto-generated method stub  
  
        }  
    } 
    
    // 指引页面更改事件监听器
    class GuidePageChangeListener implements OnPageChangeListener {  
    	  
        @Override  
        public void onPageScrollStateChanged(int arg0) {  
            // TODO Auto-generated method stub  
  
        }  
  
        @Override  
        public void onPageScrolled(int arg0, float arg1, int arg2) {  
            // TODO Auto-generated method stub  
  
        }  
  
        @Override  
        public void onPageSelected(int arg0) { 
        	if (mPointViews == null || mPointViews.length == 0) {
        		return;
        	}
        	mIsSwitched = true;
        	
        	Log.d(TAG, "onPageSelected() arg0 = " + arg0);
        	
            for (int i = 0; i < mPointViews.length; i++) {  
                mPointViews[arg0].setBackgroundResource(R.drawable.page_indicator_focused);
                
                if (arg0 != i) {  
                    mPointViews[i].setBackgroundResource(R.drawable.page_indicator);  
                }  
            }
        }  
    }  
    
    //定时器 
    private boolean mIsSwitched = false;
    private Timer mTimer = null;
    private void startTimer() {
    	if(mTimer == null) {
    		mTimer = new Timer(true);
    	}
    	mTimer.schedule(new TimerTask() {
			
			@Override
			public void run() {
				// TODO Auto-generated method stub
				mHandler.sendEmptyMessage(TOAST_MSG_TIMER);
			}
		}, 1000, 3000);
    }

    private void stopTimer() {
    	if(mTimer != null) {
    		mTimer.cancel();
    		mTimer = null;
    	}
    }
    
    private final int TOAST_MSG_TIMER = 0;
    private Handler mHandler = new Handler() {
            @Override
            public void handleMessage(Message msg) {
                    switch(msg.what) {
                    case TOAST_MSG_TIMER:
                    	Log.d(TAG, "mIsSwitched = " + mIsSwitched);
                    	if (mIsSwitched) {
                    		mIsSwitched = false;
                    	} else {
                    		int cur = mViewPager.getCurrentItem();
                    		Log.d(TAG, "cur = " + cur);
                    		int count = mPageViews == null ? 0 : mPageViews.size();
                    		if (cur < count - 1) {
                    			++cur;
                    		} else {
                    			cur = 0;
                    		}
                    		mViewPager.setCurrentItem(cur, true);
                    	}
                    }
            }
    };
    
    protected void finalize() throws Throwable {
    	stopTimer();
    };
    
}

View3PagerData类

import android.graphics.Bitmap;

public class View3PagerData {
	private Bitmap mBitmap = null;
	private String mTitle = null;
	private String mClickUrl = null;
	public View3PagerData() {
		// TODO Auto-generated constructor stub
	}
	public View3PagerData(Bitmap bitmap, String title, String clickUrl) {
		// TODO Auto-generated constructor stub
		mBitmap = bitmap;
		mTitle = title;
		mClickUrl = clickUrl;
	}
	public void   setBitmap(Bitmap bitmap) { mBitmap = bitmap; }
	public Bitmap getBitmap() { return mBitmap; }

	public void   setTitle(String title) { mTitle = title; }
	public String getTitle() { return mTitle; }

	public void   setClickUrl(String url) { mClickUrl = url; }
	public String getClickUrl() { return mClickUrl; }
}

just_use_for_widget_view3pagers_subview.xml布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="140dp"
    android:orientation="vertical" >

        <ImageView
            android:id="@+id/just_use_for_widget_view3pagers_Img"
            android:layout_width="match_parent"
            android:layout_height="match_parent" 
            android:background="@drawable/feature_guide_5"
            />

        <LinearLayout 
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_alignParentBottom="true"
            android:gravity="center"
            android:background="#aa000000"
            >
            <TextView
	            android:id="@+id/just_use_for_widget_view3pagers_Title"
	            android:layout_width="wrap_content"
	            android:layout_height="wrap_content"
	            android:gravity="center"
	            android:padding="5dp"
	            android:textColor="#bfbfbf"
	            android:text="title " />
        </LinearLayout>

</RelativeLayout>

just_use_for_widget_view3pagers.xml布局

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="140dp"
    android:orientation="vertical"
    >

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="140dp"
    android:orientation="vertical" >

    <android.support.v4.view.ViewPager
	        android:id="@+id/just_use_for_widget_view3pagers_ViewPager"
	        android:layout_width="match_parent"
	        android:layout_height="match_parent"/>
    
    <LinearLayout  
        android:id="@+id/just_use_for_widget_view3pagers_PointsLayout"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_alignParentTop="true" 
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp"  
        android:gravity="center_horizontal"  
        android:orientation="horizontal" >  
    </LinearLayout> 
    
</RelativeLayout>
</FrameLayout>

最后main.xml布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#55FFF000"
    android:orientation="vertical" >
    
    
    <com.widget.View3Pagers
        android:id="@+id/widget"
        android:layout_width="match_parent"
        android:layout_height="140dp"
        />
    
</RelativeLayout>

下载地址：http://download.csdn.net/detail/sasoritattoo/5523151

跟随内心

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
5
评论
Android自定义控件显示多页图片展示效果并自动翻页适合广告展示

跟这个效果类似，http://blog.csdn.net/sinyu890807/article/details/8769904但是使用了感觉不好，自己写的先看张效果吧：点击跳转页面，有title先看张效果吧：点击跳转页面，有titleMainActivitypublic class MyGuideViewActivity extend
复制链接

扫一扫