实现轮播效果有2种方法:
(1)使用ViewPager+ImageView,通过Handler进行间隔发送消息,实现自动轮播效果
xml代码:
<android.support.v4.view.ViewPager android:id="@+id/fragment_viewPager" android:layout_width="match_parent" android:layout_height="200dp" />
private Handler handler=new Handler(){ @Override public void handleMessage(Message msg) { super.handleMessage(msg); list= (List<BannerBean>) msg.obj; //进行下载图片 for (int i = 0; i < 3; i++) { Picasso.with(getActivity()).load(list.get(i).getImgs()).resize(640,400).into(imgs.get(i)); } //展示图片 MyAdapter adapter=new MyAdapter(); viewPager.setAdapter(adapter); } }; private Handler handler2=new Handler(){ @Override public void handleMessage(Message msg) { super.handleMessage(msg); //获取当前viewPager的位置 int pos=viewPager.getCurrentItem(); //如果是最后一张图片就进行设置为第一张,实现循环 if(pos==imgs.size()-1){ pos=0; //否则进行下一张图片展示 }else{ pos++; } //设置viewPager的位置 viewPager.setCurrentItem(pos); //定时发送消息 handler2.sendEmptyMessageDelayed(1,2000); } }; @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view=inflater.inflate(R.layout.fragment_recreation, container, false); initview(view); load(); //发送消息给handler2,实现自动轮播 handler2.sendEmptyMessageDelayed(1,2000); initListener(); return view; } private void load() { //下载图片地址 new Thread(){ @Override public void run() { super.run(); String json= Utils.getJsonFromNet(ContentUrls.headLine_head+0); if(!TextUtils.isEmpty(json)){ List<BannerBean>data= ParserBanner.getData(json); Message msg=new Message(); msg.obj=data; handler.sendMessage(msg); } } }.start(); data=new ArrayList<>(); headlineAdapter=new HeadlineAdapter(data,getActivity()); lv.setAdapter(headlineAdapter); new MyAsyncTask(data,headlineAdapter).execute(ContentUrls.headLine_head+num); } private void initview(View view) { lv = ((ListView) view.findViewById(R.id.lv)); headerView = LayoutInflater.from(getActivity()).inflate(R.layout.header_layout,null,false); viewPager = ((ViewPager)headerView.findViewById(R.id.fragment_viewPager)); lv.addHeaderView(headerView); list=new ArrayList<>(); imgs=new ArrayList<>(); for (int i = 0; i < 3; i++) { ImageView iv=new ImageView(getActivity()); imgs.add(iv); } }
adapter:
class MyAdapter extends PagerAdapter{ @Override public int getCount() { return imgs.size(); } @Override public boolean isViewFromObject(View view, Object object) { return view==object; } @Override public Object instantiateItem(ViewGroup container, int position) { container.addView(imgs.get(position)); return imgs.get(position); } @Override public void destroyItem(ViewGroup container, int position, Object object) { // super.destroyItem(container, position, object); container.removeView(imgs.get(position)); } }
(2)使用SliderLayout第三方进行实现轮播
添加依赖:
compile 'com.squareup.picasso:picasso:2.5.2' compile 'com.daimajia.slider:library:1.1.5@aar' compile 'com.nineoldandroids:library:2.4.0'
xml代码:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <com.daimajia.slider.library.SliderLayout android:id="@+id/header_slider" android:layout_width="match_parent" android:layout_height="160dp"></com.daimajia.slider.library.SliderLayout> </LinearLayout>
Java代码:
private ListView lv; private String[] title={"烟","超标","标准","审车合格"}; private int[] imgs={R.mipmap.a,R.mipmap.b,R.mipmap.c,R.mipmap.d}; private SliderLayout slider; @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view=inflater.inflate(R.layout.fragment_home_page, container, false); lv = ((ListView) view.findViewById(R.id.homePage_lv)); View headerView=LayoutInflater.from(getActivity()).inflate(R.layout.header_layout,null,false); slider = ((SliderLayout) headerView.findViewById(R.id.header_slider)); lv.addHeaderView(headerView); initSlider(); initData(); return view; } private void initSlider() { for (int i = 0; i < 4; i++) { TextSliderView textSlider=new TextSliderView(getActivity()); textSlider.image(imgs[i]).description(title[i]); slider.addSlider(textSlider); textSlider.setOnSliderClickListener(new BaseSliderView.OnSliderClickListener() { @Override public void onSliderClick(BaseSliderView slider) { Toast.makeText(getActivity(),slider.getDescription(),Toast.LENGTH_SHORT).show(); } }); } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
本文向大家介绍Android ViewPager实现轮播图效果,包括了Android ViewPager实现轮播图效果的使用技巧和注意事项,需要的朋友参考一下 先上一张效果图: 说到ViewPager实现轮播图效果,那么肯定会用到PagerAdapter,下面先介绍下这个类。 PagerAdapter简介 PagerAdapter是Android.support.v4包中的类,是一个抽象类,直接继
本文向大家介绍Swiper实现轮播图效果,包括了Swiper实现轮播图效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Swiper实现轮播图效果的具体代码,供大家参考,具体内容如下 最后 别忘了再打这些东西之前要引Swiper.css和Swiper.js插件哦! 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。
本文向大家介绍jquery实现轮播图效果,包括了jquery实现轮播图效果的使用技巧和注意事项,需要的朋友参考一下 效果如下: 代码如下: 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!
本文向大家介绍flutter实现轮播图效果,包括了flutter实现轮播图效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下 1 添加依赖库 2 普通常用 圆点指示器自动轮播图 3 自定圆点分页指示器 效果 4 自定数字 分页指示器 效果 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。
本文向大家介绍jQuery焦点图轮播效果实现方法,包括了jQuery焦点图轮播效果实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery焦点图轮播效果实现方法。分享给大家供大家参考,具体如下: 前面一篇《JS实现焦点图轮播效果的方法详解》详细介绍了JS实现焦点图轮播效果的步骤,这里来分析一下jQuery的相关实现技巧。 核心代码如下: 和js的区别:用.animate()方法
本文向大家介绍jquery实现焦点轮播效果,包括了jquery实现焦点轮播效果的使用技巧和注意事项,需要的朋友参考一下 HTML代码 css代码 JavaScript代码 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!