android-image-indicator

Android图片轮播组件(多模式)
授权协议 GPL
开发语言 Java
所属分类 手机/移动开发、 Android UI 组件
软件类型 开源软件
地区 国产
投 递 者 郭胤
操作系统 Android
开源组织
适用人群 未知
 软件概览

一、简介

基于ViewPager的用户指引,广告图片Gallery,及自动轮播图片Gallery,使用起来超简单!
GitHub地址:https://github.com/panxw/android-image-indicator

二、使用示例

1、广告图片Gallery

 

<com.allthelucky.common.view.ImageIndicatorView
    android:id="@+id/indicate_view"
    android:layout_width="match_parent"
    android:layout_height="160dp" />

代码:

 

imageIndicatorView = (ImageIndicatorView) findViewById(R.id.indicate_view);
  final Integer[] resArray = new Integer[] { R.drawable.ic_launcher, R.drawable.ic_launcher };
  imageIndicatorView.setupLayoutByDrawable(resArray);
  imageIndicatorView.show();

2、自动轮播模式

 

<com.allthelucky.common.view.AutoImageIndicatorView
    android:id="@+id/auto_indicate_view"
    android:layout_width="match_parent"
    android:layout_height="160dp" />

代码:

 

autoImageIndicatorView = (AutoImageIndicatorView) findViewById(R.id.auto_indicate_view);
final Integer[] resArray = new Integer[] { R.drawable.ic_launcher, R.drawable.ic_launcher };
autoImageIndicatorView.setBroadcastEnable(true);
autoImageIndicatorView.setBroadCastTimes(5);//循环播放5次
autoImageIndicatorView.setBroadcastTimeIntevel(2 * 1000, 3 * 1000);//播放启动时间及间隔
autoImageIndicatorView.setupLayoutByDrawable(resArray);//图片
autoImageIndicatorView.show();

效果图:

 

3、用户指引模式

 

this.imageIndicatorView = (ImageIndicatorView) findViewById(R.id.guide_indicate_view);
final Integer[] resArray = new Integer[] { R.drawable.ic_launcher, R.drawable.ic_launcher };
imageIndicatorView.setupLayoutByDrawable(resArray);
imageIndicatorView.setIndicateStyle(ImageIndicatorView.INDICATE_USERGUIDE_STYLE);
imageIndicatorView.show()
 相关资料
  • 图片轮播继承自slide插件,因此其DOM结构、事件均和slide插件相同; DOM结构默认不支持循环播放,DOM结构如下: <div class="mui-slider"> <div class="mui-slider-group"> <div class="mui-slider-item"><a href="#"><img src="1.jpg" /></a></div>

  • 图片轮播(bui-image-slider)     用法 <bui-image-slider :items="itemList" @itemClick="onItemClick" @change="onChange"> </bui-image-slider> data () { return { itemList: [ {

  • 简介 yii2 Carousel是一个基于JavaScript的图片轮播组件,使用Carousel可以快速的在网站任意位置放置一个图片轮播的效果 实例 <?php echo Carousel::widget([ 'items' => [ // 只有图片的格式 '<img src="http://www.yii-china.com/statics/images

  • 本文向大家介绍Android实现图片轮播列表,包括了Android实现图片轮播列表的使用技巧和注意事项,需要的朋友参考一下 这个效果在交友app中比较常见,一般作为首页使用,顶部是一个自动轮播的ViewPager,下面放一个横向LinearLayout,最下面要放一个ListView,但是注意这三个部分都支持滑动,应该和固定在顶部的标题栏和底部的操作栏分开,也就是把ViewPager和Linear

  • 本文向大家介绍Android线程实现图片轮播,包括了Android线程实现图片轮播的使用技巧和注意事项,需要的朋友参考一下 一、实现效果 本篇文章实现了简单的图片轮播,初始化3张资源图片,初始化3秒更换一次图片背景,轮换播放。 二、知识点 Thread线程start() 、sleep();handler机制;Android 控件imageView、setBackgroundResource(id)

  • 本文向大家介绍Android使用开源框架ANDROID-IMAGE-INDICATOR实现图片轮播部署,包括了Android使用开源框架ANDROID-IMAGE-INDICATOR实现图片轮播部署的使用技巧和注意事项,需要的朋友参考一下 之前的博文中有介绍关于图片轮播的实现方式,分别为(含超链接): 1、《Android中使用ViewFlipper实现屏幕切换》 2、《Android中使用Vie

  • 我们的轮播组件式稳定的多功能的,他可以是图片滑块,轮播组件项,初次体验。他可以使你在手机很便利的使用。 注意:这个组件支持触摸,同过手指滚动这个组件。 <div class="carousel"> <a class="carousel-item" href="#one!"><img src="https://www.wenjiangs.com/wp-content/uploads/2020

  • 本文向大家介绍Bootstrap图片轮播组件使用实例解析,包括了Bootstrap图片轮播组件使用实例解析的使用技巧和注意事项,需要的朋友参考一下 使用Bootstrap来编写图片轮播组件Carousel,则能够节约很多时间,图片轮播组件是一个在网页中很常见的技术,但是如果直接编写的话,需要很长的JavaScript编码,同时也不好控制大小。  同时说一下,Carousel这个词的本义是回旋木马。