Android实现轮播图片展示效果

2023-08-29 14:16:05 56

本文实例为大家分享了Android轮播图片的展示，供大家参考，具体内容如下

实现逻辑

1.创建XML布局文件,使用ViewPager完成轮播图片

2.初始化ViewPager控件,然后为控件设置适配器,创建出来的适配器实现里面的四个方法

3.四个方法分别是getCountisViewFromObjectinstantiateItemdestroyItem

4.在onCreat方法中,加载图片资源,将图片ID存在集合中,使图片能够在页面中显示,(图片之所以能够在页面中显示,是因为在适配器中的instantiateItem方法中获取了集合中的图片元素)

5.图片下方的文字显示:图片下方之所以会有文字,可以通过初始化控件,在ViewPager监听器中的onPageSelected方法中tv_desc.setText(descs[position]);这样文字就可以跟随者图片进行切换

6.文字下方的小圆点的切换:在XML布局中设置一个Linlayout布局,然后再onCreat方法中设置小圆点,通过LinearLayout.LayoutParamslayoutParams=newLinearLayout.LayoutParams(10,10);的方法引入小圆点(具体代码可以参考下方的initDot方法)

7.要想让小圆点随着页面的切换而切换,可以定义下方的changeDots的方法,让此方法在监听器中的onPageSelected方法中进行调用

8.图片的无限轮播的实现:可以使适配器中的getCount返回值设为一个很大很大的值,同时在instantiateItem方法中设置positionposition=position%imageResIds.length;防止索引越界异常,这样就可以使图片无限轮播,但是此时还有一个问题就是,右边可以无限轮播,但是左边是无法无限轮播的,这个问题的解决办法是在onCreat方法中设置当前选中的条目viewPager.setCurrentItem(count/2);这样两边都可以实现无限轮播

9.图片自动切换的处理:使用handler机制实现页面的延时更新,同时为了防止内存溢出,需要在页面可见时,也就是activity的onStart方法中发送消息,在页面消失时,也就是onStop方法中删除消息

布局文件

核心代码

packagecom.example.a2_;

importandroid.os.Handler;
importandroid.os.Message;
importandroid.support.v4.view.PagerAdapter;
importandroid.support.v4.view.ViewPager;
importandroid.support.v7.app.AppCompatActivity;
importandroid.os.Bundle;
importandroid.view.View;
importandroid.view.ViewGroup;
importandroid.widget.ImageView;
importandroid.widget.LinearLayout;
importandroid.widget.TextView;

importjava.util.ArrayList;

publicclassMainActivityextendsAppCompatActivity{
privatestaticfinalintUPDATE_ITEM=1;
privateArrayListimageViews=newArrayList<>();
privateint[]imageResIds={R.mipmap.icon_1,R.mipmap.icon_2,R.mipmap.icon_3,
R.mipmap.icon_4,R.mipmap.icon_5};

privateString[]descs={"为梦想坚持","我相信我是黑马","黑马公开课","Google/IO","轻松1w+"};
privateViewPagerviewPager;
privateTextViewtv_desc;
privateLinearLayoutlayout_dot;
privateintcount=10000000;
privateHandlerhandler=newHandler(){
@Override
publicvoidhandleMessage(Messagemsg){
switch(msg.what){
caseUPDATE_ITEM:
upDataItem();
break;
}
super.handleMessage(msg);
}
};

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

//初始化控件
viewPager=(ViewPager)findViewById(R.id.vp);
tv_desc=(TextView)findViewById(R.id.desc);
layout_dot=(LinearLayout)findViewById(R.id.layout_dot);
//给viewPager设置适配器
viewPager.setAdapter(newMyPagerAdapter());
//对viewPager设置监听器
viewPager.addOnPageChangeListener(newViewPager.OnPageChangeListener(){

//当页面滚动时触发的时间
@Override
publicvoidonPageScrolled(intposition,floatpositionOffset,intpositionOffsetPixels){

}

//当页面被选中时触发的方法
@Override
publicvoidonPageSelected(intposition){
//对position进行处理
position=position%imageViews.size();
//当页面被选中的时候,改变描述文本
tv_desc.setText(descs[position]);
changeDots(position);
}

//当页面状态滚动状态发生改变时触发的事件
@Override
publicvoidonPageScrollStateChanged(intstate){
//当页面空闲状态被改变的时候
if(state==viewPager.SCROLL_STATE_IDLE){
handler.sendEmptyMessageDelayed(UPDATE_ITEM,3000);
}else{
handler.removeMessages(UPDATE_ITEM);
}
}
});


//初始化图片
initImage();
//初始化文字下方的点
initDot();
//当加载页面的时候,默认让第一个文本加载出来
//initDescFirst();

//使两边都可以无限轮播
viewPager.setCurrentItem(count/2);
//页面加载时更新
upDataItem();
}

privatevoidupDataItem(){
intindex=viewPager.getCurrentItem();
viewPager.setCurrentItem(++index);
handler.sendEmptyMessageDelayed(UPDATE_ITEM,3000);
}

//选中对应的原点
privatevoidchangeDots(intposition){
//先把所有的点恢复为白色
for(inti=0;i
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

Android实现轮播图片展示效果

热门推荐

随机推荐