Github开源项目 android-image-indicator图片轮播部署

  1. 查看github项目的官方网址 1) 使用基本说明 2) 下载项目

  2. 解压项目

  3. 导入2个项目 1) 项目本身 2) 案例项目
    注意, 案例项目一般都需要依赖项目本身的, 所以导入案例的同时需要先到项目本身
    建议把项目拷贝到区间中

这里写图片描述

  1. 导入进来后, 项目本身有错误提示(可能是编码问题),可以考虑这样解决
    项目/properties/
    这里写图片描述

  2. 判断项目本身是否已经作为了一个库存在, 项目/properties/android 看当前项目是否 is library

  3. 创建新项目, 把image项目引入进来
    这里写图片描述

  4. 引入项目后, V4包冲突, 可以删除我们项目中的V4包

这里写图片描述
8. 在布局文件中声明

 <com.allthelucky.common.view.ImageIndicatorView
android:id="@+id/indicate_view"
android:layout_width="match_parent"
android:layout_height="160dp" />
  1. 回到活动中进行处理
    1) 基本案例
 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imageIndicatorView = (ImageIndicatorView) findViewById(R.id.indicate_view);
        // 声明一个数组, 指定图片的ID
              final Integer[] resArray = new Integer[] { R.drawable.ic_launcher,R.drawable.ic_launcher,R.drawable.ic_launcher, R.drawable.ic_launcher };
             // 把数组交给图片展播组件
        imageIndicatorView.setupLayoutByDrawable(resArray);
          // 展播的风格
             imageIndicatorView.setIndicateStyle(ImageIndicatorView.INDICATE_ARROW_ROUND_STYLE);
             // 显示组件
        imageIndicatorView.show();

        final AutoPlayManager autoBrocastManager =  new AutoPlayManager(imageIndicatorView);
        autoBrocastManager.setBroadcastEnable(true);
        //autoBrocastManager.setBroadCastTimes(5);//loop times
        autoBrocastManager.setBroadcastTimeIntevel(3 * 1000, 3 * 1000);//set first play time and interval
        autoBrocastManager.loop();

        new Thread(){public void run() {
            while(true){
                try {
                    Thread.sleep(5000);
                    autoBrocastManager.loop();
                } catch (InterruptedException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                }  
            }
        };}.start();


    }
  1. 网络图片加载
    1) 在布局文件中声明
  <com.allthelucky.common.view.network.NetworkImageIndicatorView
        android:id="@+id/network_indicate_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
 2) 活动的开发
 public class NetworkImageIndicatorActivity extends Activity {
    // 1. 使用网络图片展播组件
    private NetworkImageIndicatorView imageIndicatorView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_indicator_network);

        // 2. 把网络图片展播组件找回来
        this.imageIndicatorView = (NetworkImageIndicatorView) findViewById(R.id.network_indicate_view);
        // 3. 注册监听器, 用于判断是否到了最后的一张图片
        this.imageIndicatorView.setOnItemChangeListener(new ImageIndicatorView.OnItemChangeListener() {
            @Override
            public void onPosition(int position, int totalCount) {

            }
        });
        this.initView();
    }

    private void initView() {
        List<String> urlList= new ArrayList<String>();
        urlList.add("https://github.com/winfirm/android-image-indicator/blob/master/AndroidImageIndicatorSample/screenshot/guider_00.jpg");
        urlList.add("https://github.com/winfirm/android-image-indicator/blob/master/AndroidImageIndicatorSample/screenshot/guider_01.jpg");

        this.imageIndicatorView.setupLayoutByImageUrl(urlList);
        this.imageIndicatorView.show();
    }
}

3) 假如需要进行网络加载, 需要启动网络权限

<uses=permission android:name="android.permission.INTERNET"/>

4)指定应用类

android:name="com.exmaple.UI.NetworkApp"
一、简介 基于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(); 效果图: PS: 顺便宣传下自己的GitHub,https://github.com/panxw, 欢迎来Follow~ 标签:android
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值