图片轮播及点击操作

原创 2018年04月17日 14:27:08
一、添加依赖
compile 'com.panxw.imageindicator:library:1.0.2'
二、xml布局
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.mly.panhouye.demo.MainActivity">
    <com.panxw.android.imageindicator.ImageIndicatorView
        android:id="@+id/indicate"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </com.panxw.android.imageindicator.ImageIndicatorView>
</RelativeLayout>

Java中代码

        1.加载本地图片

    //系统本地图片加载
    public void local() {
        // 声明一个数组, 指定图片的ID
        final Integer[] resArray = new Integer[] {R.mipmap.a1, R.mipmap.a2,
                    R.mipmap.a3, R.mipmap.a4};
        // 把数组交给图片展播组件
        indicate_view.setupLayoutByDrawable(resArray);
        // 展播的风格
//        indicate_view.setIndicateStyle(ImageIndicatorView.INDICATE_ARROW_ROUND_STYLE);
        indicate_view.setIndicateStyle(ImageIndicatorView.INDICATE_USERGUIDE_STYLE);
        // 显示组件
        indicate_view.show();
        final AutoPlayManager autoBrocastManager = new AutoPlayManager(indicate_view);
        //设置开启自动广播
        autoBrocastManager.setBroadcastEnable(true);
        //autoBrocastManager.setBroadCastTimes(5);//loop times
        //设置开始时间和间隔时间
        autoBrocastManager.setBroadcastTimeIntevel(3000, 3000);
        //设置循环播放
        autoBrocastManager.loop();
    }
}
        2.加载网络图片
public void internet(){
        final List<String> urlList= new ArrayList<String>();
        urlList.add("http://********");
        urlList.add("http://********");
        urlList.add("http://******");
        internet_iv.setupLayoutByImageUrl(urlList);
        internet_iv.show();
        //设置自动播放
        AutoPlayManager autoBrocastManager =  new AutoPlayManager(internet_iv);
        autoBrocastManager.setBroadcastEnable(true);
        autoBrocastManager.setBroadCastTimes(5);//循环次数设置
        autoBrocastManager.setBroadcastTimeIntevel(500, 500);
        autoBrocastManager.loop();
    }

        3.加载bitmap
public void setupLayoutByImageUrl(List<String> urlList) {
        for(String url: urlList) {
            final ImageView imageView = new ImageView(getContext());
            //load image from url and set to imageView, you can use UIL or Volley to do this work
            //本次我们使用Volley
            //创建一个请求对列
            RequestQueue queue = Volley.newRequestQueue(getContext());
            ImageRequest request = new ImageRequest(url, new Response.Listener<Bitmap>() {
                @Override
                public void onResponse(Bitmap bitmap) {
                    imageView.setImageBitmap(bitmap);
                }
            }, 0, 0, Bitmap.Config.RGB_565, new Response.ErrorListener() {
                @Override
                public void onErrorResponse(VolleyError volleyError) {
                    System.out.println(volleyError);
                }
            });
            queue.add(request);
            addViewItem(imageView);
        }
    }


很简单的图片自动轮播,点击焦点就显示点击的那个

描述信息描述信息描述信息         描述信息描述信息         描述信息         1 2 3    //这里放三个焦点 样式css #soli...
  • qq_33769914
  • qq_33769914
  • 2016-06-30 10:08:02
  • 1673

点击图片弹出轮播图 -- 插件

轮播--点击图片弹出轮播图: 实现效果: 1.鼠标经过图片改变图片的透明度 2.点击图片,弹出遮罩层 3.点击遮罩层左右箭头,实现轮播; 4.点击遮罩层图片以外的部分,关闭遮罩层 html: ` `...
  • rainbow8590
  • rainbow8590
  • 2017-10-24 15:56:16
  • 326

可以放大和还原轮播图

这是我们的一个作业,做一个可以循环的轮播图, 虽还是有些小问题,但是大体已经做完,可以放大,放大之后可以自动还原。 实现的过程也算简单,在首页添加一个大的ScrollView(_horScrollV...
  • qq_31382921
  • qq_31382921
  • 2015-12-28 10:46:47
  • 1563

带左右箭头图片轮播的JS代码

轮播图实现效果见下图,图片能自己轮播,点击左右按钮进行翻页轮播,鼠标悬停图片或者标题上,停止轮播; 效果图为:  代码如下: 带左右箭头图片轮播 .roll...
  • XiaoXuanYunMeng
  • XiaoXuanYunMeng
  • 2013-12-18 17:21:12
  • 1610

jquery特效(3)—轮播图①(手动点击轮播)

jquery特效(3)—轮播图①(手动点击轮播) http://www.cnblogs.com/lily1010/p/4868303.html 今天上班做设计做的头疼,就写了一个轮...
  • zdy0_2004
  • zdy0_2004
  • 2015-10-11 00:40:40
  • 790

JavaScript实现简单的图片轮播(通过点击数字切换)

最终实现效果图 点击下标切换到该图片上 代码块 * { margin: 0; ...
  • Makenzie
  • Makenzie
  • 2017-08-21 16:40:03
  • 2014

c# 照片轮播控件

新建一个usercontral 添加图片前要先stop using System; using System.Collections.Generic; using Syst...
  • qq_15572445
  • qq_15572445
  • 2016-03-04 16:43:07
  • 1057

点击图片放大轮播支持手机滑动转动图片

  • 2017年08月31日 17:35
  • 188KB
  • 下载

轮播图SwShuffling

  • 2015年09月15日 14:12
  • 4.41MB
  • 下载
收藏助手
不良信息举报
您举报文章:图片轮播及点击操作
举报原因:
原因补充:

(最多只允许输入30个字)