}
public AutoScrollViewPager(@NonNull Context context, @Nullable AttributeSet attrs, @AttrRes int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
/**
- 动态添加viewpager和小圆点
*/
private void init() {
mContext = getContext() ;
setLayerType(View.LAYER_TYPE_SOFTWARE, null);
setClipChildren(false);
pageMargin = getResources().getDimensionPixelSize(R.dimen.page_margin);
viewPager = new ViewPager(mContext);
LayoutParams vparams = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.MATCH_PARENT);
vparams.leftMargin = pageMargin * 2;
vparams.rightMargin = pageMargin * 2 ;
viewPager.setLayoutParams(vparams);
addView(viewPager);
mLinearLayout = new LinearLayout(mContext);
LayoutParams params = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.WRAP_CONTENT);
params.gravity = Gravity.BOTTOM ;
mLinearLayout.setGravity(Gravity.CENTER);
mLinearLayout.setOrientation(LinearLayout.HORIZONTAL);
addView(mLinearLayout,params);
}
@Override
protected void onAttachedToWindow() {
super.onAttachedToWindow();
play();
}
@Override
protected void onDetachedFromWindow() {
super.onDetachedFromWindow();
cancel();
}
/**
- 初始化viewpager
*/
private void initViewPager() {
if (mAdapter==null){
return;
}
viewPager.setCurrentItem(currentIndex);
//设置红缓存的页面数
viewPager.setOffscreenPageLimit(1);
// 设置2张图之前的间距。
viewPager.setPageMargin(pageMargin);
// viewPager.setPageTransformer(true, new ZoomOutPageTransformer());
viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset,int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
if (position0){
currentIndex = mAdapter.getCount()-2 ;
}else if (position == mAdapter.getCount()-1){
currentIndex = 1 ;
}else {
currentIndex = position ;
}
//此处currentIndex是从1开始的,要注意
mLinearLayout.getChildAt(oldPosition).setEnabled(false);
mLinearLayout.getChildAt(currentIndex-1).setEnabled(true);
oldPosition = currentIndex-1 ;
Log.e(“wenzhihao”,"position"+position+",currentIndex="+currentIndex);
}
@Override
public void onPageScrollStateChanged(int state) {
if(stateViewPager.SCROLL_STATE_IDLE){
viewPager.setCurrentItem(currentIndex,false);
play();
}else if(stateViewPager.SCROLL_STATE_DRAGGING){
cancel();
}
}
});
setIndicatorDot();
mLinearLayout.getChildAt(0).setEnabled(true);
}
/**
- 播放,根据autoplay
/
public void play(){
if (autoPlay){
handler.postDelayed(runnable,time);
}else {
handler.removeCallbacks(runnable);
}
}
/* - 取消播放
*/
public void cancel(){
handler.removeCallbacks(runnable);
}
/**
- 设置小圆点
*/
private void setIndicatorDot() {
for (int i = 0;i<mAdapter.getCount()-2;i++){
//添加底部灰点
View v = new View(mContext);
v.setBackgroundResource(R.drawable.bg_dot);
v.setEnabled(false);
//指定其大小
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(20,20);
if (i != 0)
params.leftMargin = 20;
params.bottomMargin = 20;
v.setLayoutParams(params);
mLinearLayout.addView(v);
}
}
/**
- 设置适配器
- @param adpter
*/
public void setAdapter(T adpter){
mAdapter = adpter ;
viewPager.setAdapter(mAdapter);
initViewPager();
}
/**
- 设置是否自动播放
- @param autoPlay
*/
public void setAutoPlay(boolean autoPlay) {
AutoScrollViewPager.autoPlay = autoPlay;
if (!autoPlay){
handler.removeCallbacks(runnable);
}
}
}
注意主要几点
- 组合控件,一个FrameLayout布局包含ViewPager和一个小圆点指示器。
- 自动循环用handler实现,循环发送消息。
- 这里需要注意的是setAdapter( )方法,只要正常写PageAdapter传入即可;
- 在OnPageChangeListener中,onPageSelected的时候去处理位置问题,就是图中所说的,从左往右滑动,position0的时候切换到4的位置,当从右往左滑动的时候,positon5的时候切换到1的位置。onPageScrollStateChanged状态改变的时候,即停止滑动的时候滑到指定位置,当手指拖动的时候需要停止自动播放;
- 小圆点指示器,是一个线性布局根据图片数量添加原点,原点背景为selector;
- 在屏幕显示的时候设置自动播放,离开屏幕时候停止播放;
- 如果想显示3个page需要在viewpager父容器设置
android:clipChildren=“false”
android:layerType=“hardware”
//代码如下
setLayerType(View.LAYER_TYPE_SOFTWARE, null);
setClipChildren(false);
并且设置viewPager.setPageMargin(pageMargin);,需要加其他特效可以自定义PageTransformer。
- setAutoPlay方法可以设置不自动循环 viewPager.setAutoPlay(false);
例子
<?xml version="1.0" encoding="utf-8"?>activity_main.xml
<com.wzh.AutoScrollViewPager
android:id="@+id/viewpager"
android:layout_width=“match_parent”
android:layout_height=“300dp”>
</com.wzh.AutoScrollViewPager>
MainActivity.java
写在最后
在技术领域内,没有任何一门课程可以让你学完后一劳永逸,再好的课程也只能是“师傅领进门,修行靠个人”。“学无止境”这句话,在任何技术领域,都不只是良好的习惯,更是程序员和工程师们不被时代淘汰、获得更好机会和发展的必要前提。
如果你觉得自己学习效率低,缺乏正确的指导,可以加入资源丰富,学习氛围浓厚的技术圈一起学习交流吧!
加入我们吧!群内有许多来自一线的技术大牛,也有在小厂或外包公司奋斗的码农,我们致力打造一个平等,高质量的Android交流圈子,不一定能短期就让每个人的技术突飞猛进,但从长远来说,眼光,格局,长远发展的方向才是最重要的。
35岁中年危机大多是因为被短期的利益牵着走,过早压榨掉了价值,如果能一开始就树立一个正确的长远的职业规划。35岁后的你只会比周围的人更值钱。