打造一个轻量级,简单,易用的Android Banner框架(2)

请看布局代码

<?xml version="1.0" encoding="utf-8"?>

<android.support.constraint.ConstraintLayout

xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:app=“http://schemas.android.com/apk/res-auto”

android:id=“@+id/banner_root_view”

android:layout_width=“match_parent”

android:layout_height=“200dp”>

<android.support.v4.view.ViewPager

android:id=“@+id/vp_banner”

android:layout_width=“match_parent”

android:layout_height=“match_parent”/>

<TextView

android:id=“@+id/tv_banner_content”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_marginBottom=“10dp”

android:layout_marginStart=“10dp”

android:clickable=“false”

android:ellipsize=“end”

android:enabled=“false”

android:maxLines=“2”

android:textColor=“@android:color/white”

android:textSize=“20sp”

app:layout_constraintBottom_toTopOf=“@+id/ll_banner_point”/>

<LinearLayout

android:id=“@+id/ll_banner_point”

android:layout_width=“match_parent”

android:layout_height=“20dp”

android:layout_marginBottom=“10dp”

android:clickable=“false”

android:gravity=“center”

android:orientation=“horizontal”

app:layout_constraintBottom_toBottomOf=“parent”/>

</android.support.constraint.ConstraintLayout>

2.初始化:传入了多少个数据就初始化多少个ImageView,然后放进图片List中先保存起来,并且循环遍历让外部去实现该图片的加载(加载网络图片);循环遍历时将小圆点依次加入到底部的LinearLayout中;设置ViewPager的页面切换监听器,为了切换选择界面的小圆点的颜色;并设置ViewPager的当前item为一个很大的数,这样就可以无限地左滑右滑了(哈哈,有点投机取巧….)

下面是初始化代码

/**

• 初始化数据

*/

private void initData() {

imageViewList = new ArrayList<>();

View pointView;

int bannerSize = imageUrlList.size();

for (int i = 0; i < bannerSize; i++) {

//加载图片

ImageView imageView = new ImageView(getContext());

imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);

//让外部去实现图片加载，实现解耦

if (imageLoader != null) {

imageLoader.loadImage(imageView, imageUrlList.get(i));

}

imageViewList.add(imageView);

//底部的小白点

pointView = new View(getContext());

//设置背景

pointView.setBackgroundResource(R.drawable.selector_banner_point);

//设置小圆点的大小

LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(DensityUtil

.dip2px(getContext(), POINT_DEFAULT_SIZE), DensityUtil.dip2px(getContext(),

POINT_DEFAULT_SIZE));

//除第一个以外，其他小白点都需要设置左边距

if (i != 0) {

layoutParams.leftMargin = DensityUtil.dip2px(getContext(), POINT_DEFAULT_SIZE / 2);

pointView.setEnabled(false); //默认小白点是不可用的

}

pointView.setLayoutParams(layoutParams);

mPointLayout.addView(pointView); //添加到linearLayout中

}

//延时

mHandler.postDelayed(delayRunnable, BANNER_SWITCH_DELAY_MILLIS);

BannerAdapter bannerAdapter = new BannerAdapter();

mViewPager.setAdapter(bannerAdapter);

//页面切换监听器

mViewPager.addOnPageChangeListener(this);

//将ViewPager的起始位置放在 一个很大的数处，那么一开始就可以往左划动了 那个数必须是imageUrlList.size()的倍数

int remainder = (Integer.MAX_VALUE / 2) % imageUrlList.size();

mViewPager.setCurrentItem(Integer.MAX_VALUE / 2 - remainder);

//文本默认为第一项

mContent.setText(contentList.get(0));

mPointLayout.getChildAt(0).setEnabled(true);

}

3.实现自动延时切换,这个就比较简单了,直接用Handler的postDelayed()就行.当执行完这次任务,又进行一次postDelayed(),这样就可以无限轮播了.

/**

• 延时的任务

*/

Runnable delayRunnable = new Runnable() {

@Override

public void run() {

//用户在触摸时不能进行自动滑动

if (!isTouched) {

//ViewPager设置为下一项

mViewPager.setCurrentItem(mViewPager.getCurrentItem() + 1);

}

//继续延迟切换广告

mHandler.postDelayed(delayRunnable, BANNER_SWITCH_DELAY_MILLIS);

}

};

4.最后是ViewPager的adapter

首先,由于之前我们设置的初始item值比较大,所以getCount()也返回一个很大的数.这样就可以随便滑动了.

然后再设置ImageView的点击事件,即可简单地实现ViewPager的item点击事件….这里感觉有点不妥.

之前我是用onTouchEvent()来实现的点击事件,但是这样也不是很妥.

关于ViewPager的item点击事件,暂时没有想到其他的好方法,大家有什么好方法么?

/**

• banner中ViewPager的adapter

*/

private class BannerAdapter extends PagerAdapter {

/**

• 返回资源一共有的条目数

*/

@Override

public int getCount() {

return Integer.MAX_VALUE;

}

/**

• 复用判断逻辑

*/

@Override

public boolean isViewFromObject(View view, Object object) {

return view == object;

}

@Override

public Object instantiateItem(ViewGroup container, int position) {

final int newPosition = position % imageUrlList.size();

ImageView imageView = imageViewList.get(newPosition);

//设置点击事件

imageView.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

//回调

if (listener != null) {

listener.onItemClick(newPosition, contentList.get(newPosition));

}

}

});

container.addView(imageView);

return imageView;

}

@Override

public void destroyItem(ViewGroup container, int position, Object object) {

container.removeView((View) object);

}

}
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

我这里整理了一份完整的学习思维以及Android开发知识大全PDF。

当然实践出真知，即使有了学习线路也要注重实践，学习过的内容只有结合实操才算是真正的掌握。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

义、实战项目、讲解视频，并且会持续更新！**

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

我这里整理了一份完整的学习思维以及Android开发知识大全PDF。

[外链图片转存中…(img-KJVBctVp-1713620975459)]

当然实践出真知，即使有了学习线路也要注重实践，学习过的内容只有结合实操才算是真正的掌握。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！