Android实现轮播效果的两种方法

实现轮播效果有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();
        }
      });
    }
  }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android自定义控件实现简单的轮播图控件

    最近要做一个轮播图的效果,网上看了几篇文章,基本上都能找到实现,效果还挺不错,但是在写的时候感觉每次都要单独去重新在Activity里写一堆代码.于是自己封装了一下.本篇轮播图实现原理原文出处:循环广告位组件的实现,这里只是做了下封装成一个控件,不必每次重复写代码了. 效果图: 实现分析 轮播图的功能就是实现左右滑动的广告.图片信息展示,那我们就用ViewPager来实现,由于考虑到用户体验,我们还需要在下面加一个指示器来标示滑动到了第几张轮播图.指示器我们可以用一个线性布局来根据要展示的轮播图

  • Android自动播放Banner图片轮播效果

    先看一下效果图 支持本地图片以及网络图片or本地网络混合. 使用方式: <com.jalen.autobanner.BannerView android:id="@+id/banner" android:layout_width="match_parent" android:layout_height="230dip"> </com.jalen.autobanner.BannerView> 核心代码: int length

  • Android实现图片轮播切换实例代码

    利用Android的ViewFlipper和AnimationUtils实现图片带有动画的轮播切换,其中当点击"上一张"图片时,切换到上一张图片:当点击"下一张"图片时,切换到下一张图片.其效果图如下: 设置布局文件,其内容如下: activity_image_flipper_shade.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xm

  • Android 使用ViewPager自动滚动循环轮播效果

    对Android 利用ViewPager实现图片可以左右循环滑动效果,感兴趣的朋友可以直接点击查看内容详情. 主要介绍如何实现ViewPager自动播放,循环滚动的效果及使用.顺便解决ViewPager嵌套(ViewPager inside ViewPager)影响触摸滑动及ViewPager滑动速度设置问题. 先给大家展示下效果图,喜欢的朋友可以下载源码: 1.实现 没有通过ScheduledExecutorService或Timer定期执行某个任务实现,而是简单的通过handler发送消息去

  • Android实现广告图片轮播效果

    本文实例介绍了Android广告轮播图效果实现方法,分享给大家供大家参考,具体内容如下 首先看下一下布局文件: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:

  • Android实现Banner界面广告图片循环轮播(包括实现手动滑动循环)

    前言:经常会看到有一些app的banner界面可以实现循环播放多个广告图片和手动滑动循环.本以为单纯的ViewPager就可以实现这些功能.但是蛋疼的事情来了,ViewPager并不支持循环翻页.所以要实现循环还得需要自己去动手.自己在网上也找了些例子,本博文的Demo是结合自己找到的一些相关例子的基础上去改造,也希望对读者有用. Demo实现的效果图如下: Demo代码: 工程目录如下图: 废话不多说,上代码. 1.主Activity代码如下: package com.stevenhu.and

  • Android实现图片轮播效果的两种方法

    大家在使用APP的过程中,经常会看到上部banner图片轮播的效果,那么今天我们就一起来学习一下,android中图片轮询的几种实现方法: 第一种:使用动画的方法实现:(代码繁琐) 这种发放需要:两个动画效果,一个布局,一个主类来实现,不多说了,来看代码吧: public class IamgeTrActivity extends Activity { /** Called when the activity is first created. */ public ImageView image

  • Android ViewPager实现图片轮播效果

    在app中图片的轮播显示可以说是非常常见的实现效果了,其实现原理不过是利用ViewPager,然后利用handler每隔一定的时间将ViewPager的currentItem设置为当前item的position+1即可.先来看看效果图吧: 就是实现这样的一个轮播广告的效果. 因为这个是自己为了练习仿照某旅游类App做的,所以这里的数据是使用抓包工具抓取的,准备数据等工作就不在这里赘述了,反正数据的添加大体都是相同的.我的思路是这样的,从网络上实时的获取数据(当然你也可以将数据写死),然后通过网络

  • Android实现图片轮播效果

    本文实例讲述了JaAndroid实现图片轮播效果代码,分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: 首先看下一下布局文件: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_par

  • Android实现图片文字轮播特效

    本文实例讲解了Android实现图片文字轮播特效的详细代码,分享给大家供大家参考,具体内容如下 图片轮播是类似知乎日报上的一个轮播效果,如下图. 好了直接进入正题,首先是出示一下效果: MainActivity: import java.util.ArrayList; import java.util.List; import java.util.concurrent.Executors; import java.util.concurrent.ScheduledExecutorService;

随机推荐