什么是banner组件?在许多Android应用上,比如爱奇艺客户端、百度美拍、应用宝等上面,都有一个可以手动滑动的小广告条,这就是banner,实际应用中的banner,其信息(图片和点击行为)是后台可配置的,是需要通过网络从后台拉取的。网上有许多手动滑屏的例子,但是一般只是个demo,无法在实际中使用,因为其一般没有考虑如下几类问题:图片缓存、OOM问题、是否可灵活配置、是否预留外部接口以及是否封装良好。没有良好的封装,手动滑屏加在代码中,会使得代码变得很烂很脆弱。
1.原理
参见下图。整个组件是一个FrameLayout,里面有两个view,第一个是LinearLayout,承载了4个(或多个)可以滑动的view,见图中绿色背景的部分;第二个是一个RelativeLayout,在其底部放置了一个LinearLayout,在LinearLayout的内部放置了若干个小圆点,用来指示当前屏幕的索引。手势检测用了GestureDetector,并实现了OnGestureListener接口。为了能控制滑动速度,采用了Scroller弹性滑动对象。
为什么组件继承FrameLayout,是因为用于指示的小圆点是出现在view上面的,一个view叠在另一个view上面,这就是FrameLayout的特性
2.功能、效果
banner属性可动态设置,默认数量为4,可以调整默认的数量
banner信息从后台获取,banner的条数就是屏幕的数量
可自动滑动也能手动滑动
图片下载为多线程,并采用常见的三级cache策略(内存、文件、网络),节省流量,并处理了OOM异常
内部处理点击事件,同时预留出了接口函数
banner封装成一个ViewGroup类,使用起来简单,最少只需要两行代码
3.代码
代码注释写的比较详细,应该很好理解。分为2个文件,一个是banner的类,另一个是接口声明。
ScrollBanner.java
/** * ScrollBanner 支持滑屏效果的FrameLayout子类,可设置屏幕数量,尺寸。<br/> * 典型的用法:<br/> * ScrollBanner scrollBanner = new ScrollBanner(this, mScreenWidth, 100, this);<br/> * linearLayout.addView(scrollBanner);<br/> *注意事项:<br/> *1.如果重新设置ScrollBanner的LayoutParams,则参数中的宽和高属性将被忽略,仍然采用对象实例化的宽和高<br/> *2.点击事件的回调如果设为null,则采用默认的事件回调<br/> *3.通过setOverScrollMode来设置 banner是否能够滑出屏幕的边界<br/> *4通过xml方式加载banner,需要进行如下调用:<br/> * setResolution(width, height);<br/> setOnBannerClickListener(bannerClickListener);<br/> showBanner()<br/> * @author singwhatiwanna * @version 2013.3.4 * */ public class ScrollBanner extends FrameLayout implements ComponentCallBack.OnBannerClickListener, ResponseHandler.BannerInfoHandler { private static final String TAG = "ScrollBanner"; private HorizontalScrollViewEx mHorizontalScrollViewEx; //ScrollBanner的子view private LinearLayout linearLayoutScrolLayout; //linearLayoutScrolLayout的子view,用于放置若干个小圆点 private LinearLayout linearLayoutForDot; private Scroller mScroller; private Context mContext; private OnBannerClickListener mBannerClickListener; //屏幕及其bitmap private List<View> mLinearLayoutScreens = new ArrayList<View>(); private List<Bitmap> mBannerBitmaps = new ArrayList<Bitmap>(); //banner信息 private List<BannerItem> mBannerItemsList = new ArrayList<BannerItem>(); //小圆点 private List<ImageView> mImageViewList = new ArrayList<ImageView>(); private Drawable mPageIndicator; private Drawable mPageIndicatorFocused; //banner默认图片 private Bitmap mDefaultBitmap; private int mScreenWidth; private int mScreenHeight; private int mScrollX; //current screen index private int mWhich = 0; public static final int MESSAGE_AUTO_SCROLL = 1; public static final int MESSAGE_FETCH_BANNER_SUCCESS = 2; public static final int MARGIN_BOTTOM = 2; //480*150 banner的图片尺寸 150.0/480=0.3125f public static final float ratio = 0.3125f; //banner的位置 private int mLocation = -1; //banner分为几屏 private int PAGE_COUNT = 4; //滑动方向 是否向右滑动 private boolean mScrollToRight = true; //是否自动滑屏 private boolean mTimerResume = true; //标志用户是否手动滑动了屏幕 private boolean mByUserAction = false; //标志banner是否可以滑出边界 private boolean mOverScrollMode = false; //标志banner可以滑出边界多少像素 private int mOverScrollDistance = 0; //定时器 用于banner的自动播放 final Timer timer = new Timer(); //定时器的时间间隔 单位:ms public static final int TIMER_DURATION = 5000; private TimerTask mTimerTask = new TimerTask() { @Override public void run() { if (mTimerResume && !mByUserAction) { mHandler.sendEmptyMessage(MESSAGE_AUTO_SCROLL); } mByUserAction = false; } }; //ScrollBanner私有handler 用于处理内部逻辑 private Handler mHandler = new Handler() { public void handleMessage(Message msg) { //表示已经执行了onDetachedFromWindow,banner已经被销毁了 if( mBannerBitmaps == null || mLinearLayoutScreens == null || mImageViewList == null || mBannerItemsList == null || mContext == null ) return; switch (msg.what) { case MESSAGE_AUTO_SCROLL: if (mWhich == PAGE_COUNT - 1) mScrollToRight = false; else if(mWhich == 0) { mScrollToRight = true; } if (mScrollToRight) mWhich++; else { mWhich--; } mHorizontalScrollViewEx.switchView(mWhich); break; case MESSAGE_FETCH_BANNER_SUCCESS: int more = 0; if(mBannerItemsList != null) more = mBannerItemsList.size() - PAGE_COUNT; if(mBannerItemsList.size() > 0) { //如果有banner 显示它 ScrollBanner.this.show(true); } //如果后台返回的banneritem的数量大于预设值4 if(more > 0) { for (int i = 0; i < more; i++) addBannerItem(); } fetchBannerImages(); break; default: break; } }; }; //用于获取bitmap private Handler mBitmapHandler = new Handler() { public void handleMessage(Message msg) { //表示已经执行了onDetachedFromWindow,banner已经被销毁了 if( mBannerBitmaps == null || mLinearLayoutScreens == null || mImageViewList == null || mBannerItemsList == null || mContext == null ) return; Bitmap bitmap = (Bitmap)msg.obj; String urlString = msg.getData().getString("url"); Logger.d(TAG, "url=" + urlString); if (urlString == null || bitmap == null || mBannerItemsList == null) { Logger.w(TAG, "bitmap=null imgurl=" + urlString); return; } for( int i = 0; i < mBannerItemsList.size(); i++ ) { BannerItem item = mBannerItemsList.get(i); if(item != null && urlString.equals(item.imgUrl) ) { Logger.d(TAG, "find " + i + urlString); if( mBannerBitmaps != null ) { mBannerBitmaps.set( i, bitmap ); setBannerImages(i); } break; } } }; }; public ScrollBanner(Context context) { this(context, null); } public ScrollBanner(Context context, AttributeSet attrs) { super(context, attrs); mContext = context; } public ScrollBanner(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); mContext = context; } /** * * @param context activity实例 * @param width banner的宽度 单位px * @param height banner的高度 单位dip,-1表示根据图片比例自适应高度 * @param bannerClickListener 单击banner的回调接口 */ public ScrollBanner(Context context, final int width, final int height, OnBannerClickListener bannerClickListener) { this(context, null); int activityId = ( (BaseActivity)context ).activityId(); if(activityId == BaseActivity.ACCOUNT_ID)//位置3 mLocation = 3; else if(activityId == BaseActivity.GAMEZONE_ID)//位置2 { mLocation = 2; } //初始化时不显示banner this.show(false); setResolution(width, height); setOnBannerClickListener(bannerClickListener); setDefaultBannerImages(); fetchBannerInfo(); } /** * 通过xml方式加载banner,必须调用此方法才能显示 */ public void showBanner() { int activityId = ( (BaseActivity)mContext ).activityId(); if(activityId == BaseActivity.ACCOUNT_ID)//位置3 mLocation = 3; else if(activityId == BaseActivity.GAMEZONE_ID)//位置2 { mLocation = 2; } setDefaultBannerImages(); fetchBannerInfo(); } /** * 暂停滚动 */ public void pauseScroll() { mTimerResume = false; } /** * 恢复滚动 */ public void resumeScroll() { mTimerResume = true; } /** * 设置回调接口 * @param callBack 单击banner的回调接口 */ public void setOnBannerClickListener(OnBannerClickListener bannerClickListener) { mBannerClickListener = (bannerClickListener != null ? bannerClickListener : ScrollBanner.this); } /** * 设置banner的解析度 * @param width banner的宽度 * @param height banner的高度 */ public void setResolution(final int width, final int height) { int heightInPx = height; if(height == -1) heightInPx = (int)(ratio * width) ; else { Resources resources = getResources(); heightInPx = Math.round( TypedValue.applyDimension( TypedValue.COMPLEX_UNIT_DIP, height, resources.getDisplayMetrics()) ); } mScreenWidth = width; mScreenHeight = heightInPx; setLayoutParams(new LayoutParams(width, heightInPx)); initScrollView(); } /** * 获取banner的高度 * @return banner的高度 单位:px */ public int getHeightPixels() { return mScreenHeight; } /** * 设置banner是否可以弹性滑出边界 * @param canOverScroll true表示可以滑出边界,false不能 */ public void setOverScrollMode(boolean canOverScroll) { mOverScrollMode = canOverScroll; if(canOverScroll == false) mOverScrollDistance = 0; } /** * 向后台获取banner的各种信息 */ private void fetchBannerInfo() { NetworkManager netManager = (NetworkManager) AppEngine.getInstance().getManager( IManager.NETWORK_ID); netManager.getBannerInfo( String.valueOf(mLocation), ScrollBanner.this ); } /** * 获取banner的滑屏图像 */ private void setDefaultBannerImages() { //为banner设置默认bitmap BitmapFactory.Options bitmapFactoryOptions = new BitmapFactory.Options(); bitmapFactoryOptions.inJustDecodeBounds = false; bitmapFactoryOptions.inSampleSize = 2; Resources res=mContext.getResources(); mDefaultBitmap = BitmapFactory.decodeResource(res, R.drawable.banner_image_default, bitmapFactoryOptions); for(int i = 0; i < PAGE_COUNT; i++) mBannerBitmaps.add(i, mDefaultBitmap); //初始化BannerItem对象 for (int i = 0; i < PAGE_COUNT; i++) mBannerItemsList.add(i, null); setBannerImages(-1); } private void fetchBannerImages() { //表示已经执行了onDetachedFromWindow,banner已经被销毁了 if( mBannerItemsList == null ) return; //ImageManager 根据url向其获取bitmap ImageManager imageManager = (ImageManager)AppEngine.getInstance(). getManager(IManager.IMAGE_ID); BannerItem item = null; for(int i = 0; i < PAGE_COUNT; i++) { try { item = mBannerItemsList.get(i); } catch (IndexOutOfBoundsException e) { Logger.e(TAG, "fetchBannerImages error: " + e); } catch (Exception e) { Logger.e(TAG, "fetchBannerImages error: " + e); } //ImageManager为多线程,采用常见的三级cache策略(内存、文件、网络) if( item != null && item.imgUrl != null ) imageManager.loadBitmap( item.imgUrl, mBitmapHandler ); } } /** * 设置banner的滑屏图像 * @param position 如果position=-1,则表示设置全部bitmap */ private void setBannerImages(final int position) { int size = mBannerBitmaps.size(); if (size < PAGE_COUNT || mLinearLayoutScreens == null) { return; } if(position >=0 && position < PAGE_COUNT ) { Drawable drawable = mLinearLayoutScreens.get(position).getBackground(); mLinearLayoutScreens.get(position).setBackgroundDrawable (new BitmapDrawable( mBannerBitmaps.get(position) ) ); drawable.setCallback(null); drawable = null; return; } for(int i = 0; i < PAGE_COUNT; i++) { mLinearLayoutScreens.get(i).setBackgroundDrawable(new BitmapDrawable(mBannerBitmaps.get(i))); } } /** * 是否显示banner * @param isShow true显示 false不显示 */ public void show(boolean isShow) { if(isShow) { this.setVisibility(View.VISIBLE); mTimerResume = true; } else { this.setVisibility(View.GONE); mTimerResume = false; } } /** * 切换到指定屏幕 * @param which 屏幕索引 */ public void switchToScreen(final int which) { mHorizontalScrollViewEx.switchView(which); } /** * 设置屏幕的数量 (此函数暂不开放) * @param count 屏幕数量 */ protected void setScreenCount(final int count) { PAGE_COUNT = count; } /** * 设置偏移的距离 如果mOverScrollMode为false,则此设置无效 (此函数暂不开放) * @param distance */ protected void setOverScrollDistance(int distance) { if(distance < 0) distance = 0; mOverScrollDistance = mOverScrollMode ? distance : 0; } /** * 切换小圆点 * @param position current screen index */ private void switchScreenPosition(final int position) { if( mPageIndicator == null || mPageIndicatorFocused == null ) return; int length = 0; if(mImageViewList != null) length = mImageViewList.size(); if (position >= length || position < 0 || length <= 0) { return; } for(int i = 0; i < length; i++) { mImageViewList.get(i).setImageDrawable(mPageIndicator); } mImageViewList.get(position).setImageDrawable(mPageIndicatorFocused); } /** * 初始化整个FrameLayout视图组 */ private void initScrollView() { setLayoutParams(new LayoutParams(mScreenWidth, mScreenHeight )); linearLayoutScrolLayout = new LinearLayout(mContext); linearLayoutScrolLayout.setBackgroundColor(Color.WHITE); linearLayoutScrolLayout.setOrientation(LinearLayout.HORIZONTAL); int mVersionCode = 8; try { mVersionCode = Integer.valueOf(android.os.Build.VERSION.SDK); Logger.d(TAG, "sdk version=" + mVersionCode); } catch (Exception e) { e.printStackTrace(); } //针对android1.6及以下的特殊处理 此为android的低版本bug if(mVersionCode <= 5) { linearLayoutScrolLayout.setBaselineAligned(false); } //初始化四个滑动view for(int i = 0; i < PAGE_COUNT; i++) { LinearLayout linearLayoutScreen = new LinearLayout(mContext); linearLayoutScreen.setOrientation(LinearLayout.VERTICAL); linearLayoutScrolLayout.addView(linearLayoutScreen, new LayoutParams( mScreenWidth, LayoutParams.FILL_PARENT)); mLinearLayoutScreens.add(i, linearLayoutScreen); } //初始化小圆点视图 RelativeLayout relativeLayout = new RelativeLayout(mContext); relativeLayout.setLayoutParams(new LayoutParams( LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT)); //linearLayoutForDot为小圆点视图 linearLayoutForDot =new LinearLayout(mContext); android.widget.RelativeLayout.LayoutParams layoutParams = new android.widget.RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); //小圆点距底部的距离 单位:px layoutParams.bottomMargin = MARGIN_BOTTOM; layoutParams.rightMargin = MARGIN_BOTTOM; layoutParams.addRule(android.widget.RelativeLayout.ALIGN_PARENT_BOTTOM); layoutParams.addRule(android.widget.RelativeLayout.CENTER_HORIZONTAL); linearLayoutForDot.setLayoutParams(layoutParams); linearLayoutForDot.setOrientation(LinearLayout.HORIZONTAL); linearLayoutForDot.setHorizontalGravity(Gravity.CENTER); linearLayoutForDot.setVerticalGravity(Gravity.CENTER); //下面两句实现圆角半透明效果 不采用 // linearLayoutForDot.setBackgroundResource(R.drawable.round_corner_bg); // linearLayoutForDot.getBackground().setAlpha(100); //初始化4个小圆点 mPageIndicator = getResources().getDrawable(R.drawable.page_indicator); mPageIndicatorFocused = getResources().getDrawable(R.drawable.page_indicator_focused); for(int i = 0; i < PAGE_COUNT; i++) { ImageView imageView = new ImageView(mContext); imageView.setImageDrawable(mPageIndicator); mImageViewList.add(i, imageView); LinearLayout.LayoutParams layoutParamsForDot = new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); layoutParamsForDot.rightMargin = 5; linearLayoutForDot.addView(imageView, layoutParamsForDot); } mImageViewList.get(0).setImageDrawable(mPageIndicatorFocused); relativeLayout.addView(linearLayoutForDot); mHorizontalScrollViewEx = new HorizontalScrollViewEx(mContext, null, mBannerClickListener); mHorizontalScrollViewEx.setLayoutParams(new LayoutParams( mScreenWidth * PAGE_COUNT, LayoutParams.FILL_PARENT)); mHorizontalScrollViewEx.addView(linearLayoutScrolLayout, new LayoutParams( LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT)); mHorizontalScrollViewEx.setHorizontalScrollBarEnabled(false); mHorizontalScrollViewEx.setHorizontalFadingEdgeEnabled(false); addView(mHorizontalScrollViewEx); addView(relativeLayout); //自动滑屏 5秒一次 timer.schedule(mTimerTask, 5000, TIMER_DURATION); } /** * 加一个banner页面 TODO此函数写的不好 */ private void addBannerItem() { //表示已经执行了onDetachedFromWindow,banner已经被销毁了 if( mBannerBitmaps == null || mLinearLayoutScreens == null || mImageViewList == null || mContext == null ) return; //调整屏幕数量和总宽度 PAGE_COUNT += 1; mHorizontalScrollViewEx.getLayoutParams().width = mScreenWidth * PAGE_COUNT; //加载默认图片资源 if(mDefaultBitmap == null) { BitmapFactory.Options bitmapFactoryOptions = new BitmapFactory.Options(); bitmapFactoryOptions.inJustDecodeBounds = false; bitmapFactoryOptions.inSampleSize = 2; Resources res=mContext.getResources(); mDefaultBitmap = BitmapFactory.decodeResource(res, R.drawable.banner_image_default, bitmapFactoryOptions); } mBannerBitmaps.add(mDefaultBitmap); mBannerItemsList.add(null); //加一个屏幕 LinearLayout linearLayoutScreen = new LinearLayout(mContext); linearLayoutScreen.setOrientation(LinearLayout.VERTICAL); linearLayoutScreen.setBackgroundDrawable(new BitmapDrawable( mBannerBitmaps.get(PAGE_COUNT - 1) )); linearLayoutScrolLayout.addView(linearLayoutScreen, new LayoutParams( mScreenWidth, LayoutParams.FILL_PARENT)); mLinearLayoutScreens.add(linearLayoutScreen); //加一个小圆点 ImageView imageView = new ImageView(mContext); imageView.setImageDrawable(mPageIndicator); mImageViewList.add(imageView); LinearLayout.LayoutParams layoutParamsForDot = new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); layoutParamsForDot.rightMargin = 5; linearLayoutForDot.addView(imageView, layoutParamsForDot); } private class HorizontalScrollViewEx extends ViewGroup implements OnGestureListener { private GestureDetector mGestureDetector; private int mWhichScreen; public HorizontalScrollViewEx(Context context, AttributeSet attrs, OnBannerClickListener bannerClickListener) { super(context, attrs); mGestureDetector = new GestureDetector(this); //解决长按屏幕后无法拖动的现象 mGestureDetector.setIsLongpressEnabled(false); //构造弹性滑动对象 mScroller = new Scroller(context); } /** * 切换到指定屏幕 * @param whichScreen 屏幕index */ public void switchView(int whichScreen) { if(mLinearLayoutScreens == null) return; // 防止非法参数 if (whichScreen < 0) whichScreen = 0; else if(whichScreen >= PAGE_COUNT) whichScreen = PAGE_COUNT - 1; Logger.i(TAG, "switch view to " + whichScreen); int delta = whichScreen * mScreenWidth - HorizontalScrollViewEx.this.getScrollX(); //缓慢滚动到指定位置 mScroller.startScroll(getScrollX(), 0, delta, 0, Math.abs(delta) * 3); // refresh invalidate(); //delta>0 stands for user scroll view to right if (delta > 0) mScrollToRight = true; else { mScrollToRight = false; } mWhichScreen = whichScreen; mWhich = whichScreen; //切换小圆点 switchScreenPosition(mWhichScreen); } /** * 用户轻触触摸屏,由1个MotionEvent ACTION_DOWN触发 */ @Override public boolean onDown(MotionEvent e) { Logger.i("MyGesture", "onDown"); mScrollX = HorizontalScrollViewEx.this.getScrollX(); return true; } /** * 用户轻触触摸屏,尚未松开或拖动,由一个1个MotionEvent ACTION_DOWN触发 * 注意和onDown()的区别,强调的是没有松开或者拖动的状态 */ public void onShowPress(MotionEvent e) { Logger.i("MyGesture", "onShowPress"); } /** * 用户(轻触触摸屏后)松开,由一个1个MotionEvent ACTION_UP触发 */ public boolean onSingleTapUp(MotionEvent e) { Logger.i("MyGesture", "onSingleTapUp"); if(mBannerItemsList == null || mBannerItemsList.size() <= mWhichScreen) return false; BannerItem bannerItem = mBannerItemsList.get(mWhichScreen); if(bannerItem != null) { BannerMotionEvent bannerMotionEvent = new BannerMotionEvent(mWhichScreen, bannerItem.action, bannerItem.url, bannerItem.gameId, bannerItem.gameType, bannerItem.title); mBannerClickListener.onBannerClick(bannerMotionEvent); } return false; } /** 用户按下触摸屏、快速移动后松开,由1个MotionEvent ACTION_DOWN, 多个ACTION_MOVE, * 1个ACTION_UP触发 */ public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) { Logger.i("MyGesture", "onFling velocityX=" + velocityX); mWhichScreen = velocityX > 0 ? mWhichScreen - 1 : mWhichScreen + 1; switchView(mWhichScreen); return true; } /** * 用户按下触摸屏,并拖动,由1个MotionEvent ACTION_DOWN, 多个ACTION_MOVE触发 */ public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) { Logger.i("MyGesture", "onScroll"); //禁止弹性滚动 if (mOverScrollMode == false) { float x1 = e1.getX(); float x2 = e2.getX(); if(mWhichScreen == 0 && x1 < x2) return false; else if(mWhichScreen == PAGE_COUNT - 1 && x1 > x2) return false; } // int distance = Math.abs(getScrollX() - mWhichScreen * mScreenWidth); // if ((mWhichScreen ==0 || mWhichScreen == PAGE_COUNT -1) && distance > mOverScrollDistance) // return false; this.scrollBy((int)distanceX, 0); return true; } /** * 用户长按触摸屏,由多个MotionEvent ACTION_DOWN触发 */ public void onLongPress(MotionEvent e) { Logger.i("MyGesture", "onLongPress"); } @Override public boolean onTouchEvent(MotionEvent event) { if(event.getAction() == MotionEvent.ACTION_DOWN) { mTimerResume = false; if ( !mScroller.isFinished() ) mScroller.abortAnimation(); } else if(event.getAction() == MotionEvent.ACTION_UP) { //开始自动滑屏 mTimerResume = true; mByUserAction = true; } boolean consume = mGestureDetector.onTouchEvent(event); if (consume == false && event.getAction() == MotionEvent.ACTION_UP) { int curScrollX = HorizontalScrollViewEx.this.getScrollX(); int mWhichScreen = (curScrollX + mScreenWidth / 2) /mScreenWidth; switchView(mWhichScreen); } return consume; } @Override public void computeScroll() { if (mScroller.computeScrollOffset()) { scrollTo(mScroller.getCurrX(), mScroller.getCurrY()); postInvalidate(); } } @Override protected void onLayout(boolean changed, int l, int t, int r, int b) { if (changed) { int childLeft = 0; final int childCount = getChildCount(); for (int i=0; i<childCount; i++) { final View childView = getChildAt(i); if (childView.getVisibility() != View.GONE) { final int childWidth = childView.getMeasuredWidth(); childView.layout(childLeft, 0, childLeft+childWidth, childView.getMeasuredHeight()); childLeft += childWidth; } } } } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); final int width = MeasureSpec.getSize(widthMeasureSpec); final int count = getChildCount(); for (int i = 0; i < count; i++) { getChildAt(i).measure(widthMeasureSpec, heightMeasureSpec); } scrollTo(mWhich * mScreenWidth, 0); } } /** * override此函数,防止其修改构造方法所定义的宽和高<br/> * 注意:在这里,设置宽和高将不起作用 */ @Override public void setLayoutParams(android.view.ViewGroup.LayoutParams params) { params.width = mScreenWidth; params.height = mScreenHeight; super.setLayoutParams(params); } //标志view AttachedToWindow @Override protected void onAttachedToWindow() { super.onAttachedToWindow(); mTimerResume = true; } //标志view已经脱离window,典型的情形是view被销毁了,此时取消timer @Override protected void onDetachedFromWindow() { super.onDetachedFromWindow(); Logger.d(TAG, "onDetachedFromWindow"); mTimerResume = false; int activityId = ( (BaseActivity)mContext ).activityId(); //如果是账号管理页面 则释放内存 if(activityId == BaseActivity.ACCOUNT_ID) { destroy(); } } /** * 销毁banner */ public void destroy() { mTimerTask.cancel(); timer.cancel(); //去除各种bitmap对activity的引用关系 destoryBitmaps(); System.gc(); } /** * 去除各种bitmap对activity的引用关系 */ private void destoryBitmaps() { for (View view : mLinearLayoutScreens) { Drawable drawable = view.getBackground(); BitmapDrawable bitmapDrawable = null; if(drawable instanceof BitmapDrawable) bitmapDrawable = (BitmapDrawable)drawable; if(bitmapDrawable != null) { //解除drawable对view的引用 bitmapDrawable.setCallback(null); bitmapDrawable = null; } } for (ImageView imageView : mImageViewList) { Drawable drawable = imageView.getDrawable(); if(drawable != null) { drawable.setCallback(null); drawable = null; } } mPageIndicator.setCallback(null); mPageIndicator = null; mPageIndicatorFocused.setCallback(null); mPageIndicatorFocused = null; mLinearLayoutScreens.clear(); mLinearLayoutScreens = null; mBannerBitmaps.clear(); mBannerBitmaps = null; mImageViewList.clear(); mImageViewList = null; mBannerItemsList.clear(); mBannerItemsList = null; } //单击事件 @Override public void onBannerClick( BannerMotionEvent bannerMotionEvent ) { final int position = bannerMotionEvent.index; if(mContext == null) return; NotificationInfo notificationInfo = new NotificationInfo(); notificationInfo.msgType = bannerMotionEvent.getAction(); int action = bannerMotionEvent.getAction(); if(action == NotificationInfo.NOTIFICATION_SINGLEGAME_MSG) //单个游戏消息,直接启动该游戏 { try { notificationInfo.gameId = Integer.parseInt( bannerMotionEvent.getGameId() ); notificationInfo.gameType = Integer.parseInt( bannerMotionEvent.getGameType() ); } catch (NumberFormatException e) { Logger.e(TAG, e.toString()); return; } } else if(action == NotificationInfo.NOTIFICATION_GAMEPAGE_MSG) //游戏主页消息,通过客户端展示游戏主页 { try { notificationInfo.gameId = Integer.parseInt( bannerMotionEvent.getGameId() ); } catch (NumberFormatException e) { Logger.e(TAG, e.toString()); return; } notificationInfo.issueTitle = bannerMotionEvent.getTitle(); } else if(action == NotificationInfo.NOTIFICATION_SHOW_WEBVIEW_MSG) //交叉推广消息,通过一个webview展示 { notificationInfo.issueTitle = bannerMotionEvent.getTitle(); notificationInfo.openUrl = bannerMotionEvent.getResponseUrl(); } else //reserved { return; } Intent intent = notificationInfo.generateIntent(mContext); if(intent != null) mContext.startActivity(intent); } /** * ScrollBanner所关联的banner项 可以为多个 一个为一屏 */ public static class BannerItem extends Object { public static final String ACTION = "action"; public static final String URL = "url"; public static final String IMGURL = "imgurl"; public static final String GAMEID = "gameid"; public static final String GAMETYPE = "gametype"; public static final String TITLE = "title"; public int index = -1; public int action = -1; public String url = ""; public String imgUrl = ""; public String gameId = ""; public String gameType = ""; public String title = ""; public BannerItem(){} } /** * BannerMotionEvent:单击banner所产生的事件对象<br/> *getAction()来获取动作类别<br/> *getResponseUrl()来获取响应url<br/> *... */ public static class BannerMotionEvent extends Object { /** * ACTION_PLAY_FLASH: 播放游戏 */ public static final int ACTION_PLAY = 2; /** * ACTION_HOMEPAGE:打开官网 */ public static final int ACTION_HOMEPAGE = 3; /** * ACTION_OPEN_URL:打开指定url */ public static final int ACTION_OPEN_URL = 4; //banner中屏幕的index private int index = -1; //响应url private String responseUrl = ""; //动作种类 private int action = -1; //gameid private String gameId = ""; //gametype flash游戏(0) or h5游戏(1) private String gameType = ""; //webview的标题 private String title = ""; public BannerMotionEvent(int index, int action, String responseUrl, String gameId, String gameType, String title) { BannerMotionEvent.this.index = index; BannerMotionEvent.this.action = action; BannerMotionEvent.this.responseUrl = responseUrl; BannerMotionEvent.this.gameId = gameId; BannerMotionEvent.this.gameType = gameType; BannerMotionEvent.this.title = title; } /** * 获取当前BannerMotionEvent事件对象的动作种类 * @return 动作种类:ACTION_PLAY等 */ public int getAction() { return action; } /** * 获取当前BannerMotionEvent事件对象的title * @return title webview的标题 */ public String getTitle() { return title; } /** * 获取当前BannerMotionEvent事件对象的gameId * @return gameId */ public String getGameId() { return gameId; } /** * 获取当前BannerMotionEvent事件对象的gameType * @return gameType 0 or 1 */ public String getGameType() { return gameType; } /** * 获取当前BannerMotionEvent事件对象的响应url * @return 响应url */ public String getResponseUrl() { return responseUrl; } @SuppressLint("DefaultLocale") @Override public String toString() { return String.format("BannerMotionEvent { index=%d, action=%d, responseUrl=%s, gameId=%s, gameType=%s, title=%s }", index, action, responseUrl, gameId, gameType, title); } } @Override public void onBannerInfoSuccess(List<BannerItem> items) { Logger.d(TAG, "onBannerInfoSuccess"); mBannerItemsList = items; mHandler.sendEmptyMessage(MESSAGE_FETCH_BANNER_SUCCESS); } @Override public void onBannerInfoFailed() { Logger.e(TAG, "onBannerInfoFailed"); } }
ComponentCallBack.java
public interface ComponentCallBack { public static interface OnBannerClickListener { /** * banner单击事件 * @param bannerMotionEvent 单击事件对象,包含所需的响应信息 * 参见 {@link BannerMotionEvent} */ public abstract void onBannerClick( BannerMotionEvent bannerMotionEvent ); } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
本文向大家介绍Android ViewPager实现左右滑动翻页效果,包括了Android ViewPager实现左右滑动翻页效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了ViewPager实现左右滑动翻页效果展示的具体代码,供大家参考,具体内容如下 代码如下: 布局文件: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。
本文向大家介绍Android手势左右滑动效果,包括了Android手势左右滑动效果的使用技巧和注意事项,需要的朋友参考一下 最近想实现Android左滑弹出菜单框,右滑消失菜单这个个功能。了解了一下Android 的滑动事件,必须是在view组件或者Activity上实现,同时必须实现OnTouchListener, OnGestureListener这个两个接口。 以上就是本文的全部内容,希望对
本文向大家介绍Android实现微信首页左右滑动切换效果,包括了Android实现微信首页左右滑动切换效果的使用技巧和注意事项,需要的朋友参考一下 大家看到微信首页切换效果有没有觉得很炫,滑动切换,点击底部bar瞬间切换,滑动切换渐变效果,线上效果图: 之前也在博客上看到别人的实现,再次基础上,我做了些优化。首先说下实现原理,大神略过,o(╯□╰)o 页面上看到的三个页面是三个Fragment,
本文向大家介绍jquery实现左右滑动菜单效果代码,包括了jquery实现左右滑动菜单效果代码的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery实现左右滑动菜单效果代码。分享给大家供大家参考。具体如下: 这里演示了三种背景颜色左右滑动jquery菜单导航效果,IE下有问题,本菜单使用了CSS3的部分属性,因此建议使用火狐或Chrome等浏览器获取最佳效果。当把鼠标移到菜单上的时候
本文向大家介绍小程序实现日历左右滑动效果,包括了小程序实现日历左右滑动效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了小程序日历左右滑动效果的具体代码,供大家参考,具体内容如下 效果图 wxml js 样式 更多教程点击《Vue.js前端组件学习教程》,欢迎大家学习阅读。 关于vue.js组件的教程,请大家点击专题vue.js组件学习教程进行学习。 以上就是本文的全部内容,希望对
本文向大家介绍android viewpager实现竖屏滑动效果,包括了android viewpager实现竖屏滑动效果的使用技巧和注意事项,需要的朋友参考一下 Viewpager 横向滑动效果系统就自带了很多种,比如这个 效果 那如果做成竖屏的这种效果呢 。我百度过很多,效果都不是很好,有的代码特别多而且存在很多问题。我结合了以前别人的代码现在来教大家个简单的实现过程。 首先自定义Viewpa