Android实现图片文字轮播特效

本文实例讲解了android实现图片文字轮播特效的详细代码，分享给大家供大家参考，具体内容如下

图片轮播是类似知乎日报上的一个轮播效果，如下图。

好了直接进入正题，首先是出示一下效果：

mainactivity：

import java.util.arraylist;
import java.util.list;
import java.util.concurrent.executors;
import java.util.concurrent.scheduledexecutorservice;
import java.util.concurrent.timeunit;

import android.os.bundle;
import android.app.activity;
import android.support.v4.view.pageradapter;
import android.support.v4.view.viewpager;
import android.support.v4.view.viewpager.onpagechangelistener;
import android.view.view;
import android.view.viewgroup;
import android.widget.imageview;
import android.widget.imageview.scaletype;
import android.widget.linearlayout;
import android.widget.textview;

public class mainactivity extends activity {

  //viewpager
  private viewpager view_pager;
  private linearlayout ll_dotgroup;
  private textview newstitle;
  private int imgresids[] = new int[]{r.drawable.a, r.drawable.b,
      r.drawable.c, r.drawable.d, r.drawable.b};
  //存储5张图片
  private string textview[]=new string[]{"12412515125","fawfafawf"
      ,"13f1f12f211","1251f1f12","1t1f12f121"};
  //存储5个目录
  private int curindex = 0;
  //用来记录当前滚动的位置
  picsadapter picsadapter;

  @override
  protected void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
    setcontentview(r.layout.activity_main);

    setviewpager();

  }

  private void setviewpager() {

    newstitle=(textview)findviewbyid(r.id.newstitle);
    view_pager = (viewpager) findviewbyid(r.id.view_pager);
    ll_dotgroup = (linearlayout) findviewbyid(r.id.dotgroup);

    picsadapter = new picsadapter(); // 创建适配器
    picsadapter.setdata(imgresids);
    view_pager.setadapter(picsadapter); // 设置适配器

    view_pager.setonpagechangelistener(new mypagechangelistener()); //设置页面切换监听器

    initpoints(imgresids.length); // 初始化图片小圆点
    startautoscroll(); // 开启自动播放
  }


  // 初始化图片轮播的小圆点和目录
  private void initpoints(int count) {
    for (int i = 0; i < count; i++) {

      imageview iv = new imageview(this);
      linearlayout.layoutparams params = new linearlayout.layoutparams(
          20, 20);
      params.setmargins(0, 0, 20, 0);
      iv.setlayoutparams(params);

      iv.setimageresource(r.drawable.dot1);

      ll_dotgroup.addview(iv);

    }
    ((imageview) ll_dotgroup.getchildat(curindex))
        .setimageresource(r.drawable.dot2);

    newstitle.settext(textview[curindex]);
  }

  // 自动播放
  private void startautoscroll() {
    scheduledexecutorservice scheduledexecutorservice = executors
        .newsinglethreadscheduledexecutor();
    // 每隔4秒钟切换一张图片
    scheduledexecutorservice.schedulewithfixeddelay(new viewpagertask(), 5,
        4, timeunit.seconds);
  }

  // 切换图片任务
  private class viewpagertask implements runnable {
    @override
    public void run() {

      runonuithread(new runnable() {
        @override
        public void run() {
          int count = picsadapter.getcount();
          view_pager.setcurrentitem((curindex + 1) % count);
        }
      });
    }
  }

  // 定义viewpager控件页面切换监听器
  class mypagechangelistener implements onpagechangelistener {

    @override
    public void onpagescrolled(int position, float positionoffset,
                  int positionoffsetpixels) {
    }

    @override
    public void onpageselected(int position) {
      imageview imageview1 = (imageview) ll_dotgroup.getchildat(position);
      imageview imageview2 = (imageview) ll_dotgroup.getchildat(curindex);
      if (imageview1 != null) {
        imageview1.setimageresource(r.drawable.dot2);
      }
      if (imageview2 != null) {
        imageview2.setimageresource(r.drawable.dot1);
      }
      curindex = position;
      newstitle.settext(textview[curindex]);

    }


    boolean b = false;

    @override
    public void onpagescrollstatechanged(int state) {
      //这段代码可不加，主要功能是实现切换到末尾后返回到第一张
      switch (state) {
        case 1:// 手势滑动
          b = false;
          break;
        case 2:// 界面切换中
          b = true;
          break;
        case 0:// 滑动结束，即切换完毕或者加载完毕
          // 当前为最后一张，此时从右向左滑，则切换到第一张
          if (view_pager.getcurrentitem() == view_pager.getadapter()
              .getcount() - 1 && !b) {
            view_pager.setcurrentitem(0);
          }
          // 当前为第一张，此时从左向右滑，则切换到最后一张
          else if (view_pager.getcurrentitem() == 0 && !b) {
            view_pager.setcurrentitem(view_pager.getadapter()
                .getcount() - 1);
          }
          break;

        default:
          break;
      }
    }
  }

  // 定义viewpager控件适配器
  class picsadapter extends pageradapter {

    private list<imageview> views = new arraylist<imageview>();

    @override
    public int getcount() {
      if (views == null) {
        return 0;
      }
      return views.size();
    }

    public void setdata(int[] imgresids) {
      for (int i = 0; i < imgresids.length; i++) {
        imageview iv = new imageview(mainactivity.this);
        viewgroup.layoutparams params = new viewgroup.layoutparams(
            viewgroup.layoutparams.match_parent,
            viewgroup.layoutparams.match_parent);
        iv.setlayoutparams(params);
        iv.setscaletype(scaletype.fit_xy);
        //设置imageview的属性
        iv.setimageresource(imgresids[i]);
        views.add(iv);
      }
    }

    public object getitem(int position) {
      if (position < getcount())
        return views.get(position);
      return null;
    }

    @override
    public boolean isviewfromobject(view arg0, object arg1) {
      return arg0 == arg1;
    }

    @override
    public void destroyitem(view container, int position, object object) {

      if (position < views.size())
        ((viewpager) container).removeview(views.get(position));
    }

    @override
    public int getitemposition(object object) {
      return views.indexof(object);
    }

    @override
    public object instantiateitem(view container, int position) {
      if (position < views.size()) {
        final imageview imageview = views.get(position);
        ((viewpager) container).addview(imageview);
        return views.get(position);
      }
      return null;
    }

  }

}

activity_main:

<relativelayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context=".mainactivity" >

  <relativelayout
    android:layout_width="match_parent"
    android:layout_height="150dp"
    android:layout_marginbottom="5dp"
    android:orientation="vertical" >

    <android.support.v4.view.viewpager
      android:id="@+id/view_pager"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:layout_gravity="center" >
    </android.support.v4.view.viewpager>

    <relativelayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_alignparentbottom="true"
      android:background="@drawable/focus_bg"
      >
      <textview
        android:id="@+id/newstitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我校交换生演讲比赛夺冠 美国华盛本大学万里发来贺电"
        android:paddingtop="10dp"
        android:paddingbottom="8dp"
        android:paddingleft="10dp"
        android:paddingright="100dp"
        android:textsize="15sp"
        android:textcolor="#fff"/>
    <linearlayout
      android:id="@+id/dotgroup"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignparentright="true"
      android:paddingtop="23dp"
      android:paddingright="10dp"
      android:gravity="center"
      android:layout_marginbottom="15dp"
      android:orientation="horizontal" >
    </linearlayout>
  </relativelayout>
  </relativelayout>

</relativelayout>

 以上就是关于android实现图片文字轮播特效讲解，希望对大家的学习有所帮助。