Android使用开源框架ANDROID-IMAGE-INDICATOR实现图片轮播部署

发布时间 - 2026-01-10 22:26:29    点击率:

之前的博文中有介绍关于图片轮播的实现方式,分别为(含超链接):

1、《Android中使用ViewFlipper实现屏幕切换》

2、《Android中使用ViewPager实现屏幕页面切换和页面轮播效果》

3、《Android中使用ImageViewSwitcher实现图片切换轮播导航效果》

今天通过使用GitHub中的开源项目android-image-indicator来简单实现APP自带图片的轮播以及加载网络图片进行轮播。

一、从GitHub上下载项目

GitHub地址:https://github.com/panxw/android-image-indicator

其中介绍了简单的使用示例,大家可以看看

二、导入依赖包

(1)我尝试使用AndroidStudio2,2通过Import Module来导入下载文件中的library来导入依赖包,但本次下载的项目使用Maven来构建,

导入过程出现错误提示:Error:(2, 0) Plugin with id‘com.github.dcendents.Android-maven' not found。尝试了多种解决方案,无法有效解决依赖包导入问题。建议使用第二种方法导入

(2)在build.gradle(Module.app)中dependencies下直接添加以下代码

compile 'com.panxw.imageindicator:library:1.0.2'

添加示例如下:

添加完后,点击界面上的提示,同步以下就好。

三、演示加载APP自带图片
(1)Layout布局文件如下:

<?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_view"
 android:layout_width="match_parent"
 android:layout_height="match_parent">
 </com.panxw.android.imageindicator.ImageIndicatorView>
</RelativeLayout>

(2)Java实现代码如下:

package com.mly.panhouye.demo;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import com.panxw.android.imageindicator.AutoPlayManager;
import com.panxw.android.imageindicator.ImageIndicatorView;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
 ImageIndicatorView indicate_view;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 indicate_view = (ImageIndicatorView) findViewById(R.id.indicate_view);
 local();
 }
 //系统本地图片加载
 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();
 }
}

四、加载网络图片

(1)首先在Java中自定义NetworkImageIndicatorView.class

其中在加载网络图片到imageView中使用了网络通信框架-VolLey。这里主要使用其中的ImageRequest,

ImageRequest的构造函数接收六个参数,分别代表的含义是:

第一个参数就是图片的URL地址,这个没什么需要解释的。

第二个参数是图片请求成功的回调,这里我们把返回的Bitmap参数设置到ImageView中。

第三第四个参数分别用于指定允许图片最大的宽度和高度,如果指定的网络图片的宽度或高度大于这里的最大值,则会对图片进行压缩,指定成0的话就表示不管图片有多大,都不会进行压缩。

第五个参数用于指定图片的颜色属性,Bitmap.Config下的几个常量都可以在这里使用,其中ARGB_8888可以展示最好的颜色属性,每个图片像素占据4个字节的大小,而RGB_565则表示每个图片像素占据2个字节大小。

第六个参数是图片请求失败的回调,这里我们当请求失败时在ImageView中显示一张默认图片。

package com.mly.panhouye.demo;
import android.content.Context;
import android.graphics.Bitmap;
import android.util.AttributeSet;
import android.widget.ImageView;
import com.android.volley.RequestQueue;
import com.android.volley.Response;
import com.android.volley.VolleyError;
import com.android.volley.toolbox.ImageRequest;
import com.android.volley.toolbox.Volley;
import com.panxw.android.imageindicator.ImageIndicatorView;
import java.util.List;
/**
 * Created by panchengjia on 2017/1/10 0010.
 */
public class NetworkImageIndicatorView extends ImageIndicatorView {
 public NetworkImageIndicatorView(Context context, AttributeSet attrs) {
 super(context, attrs);
 }
 public NetworkImageIndicatorView(Context context) {
 super(context);
 }
 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);
 }
 }
}

(2)Layout布局展示文件如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
 android:orientation="vertical"
 tools:context="com.mly.panhouye.demo.MainActivity">
 
 <com.mly.panhouye.demo.NetworkImageIndicatorView
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:id="@+id/internet_iv">
 </com.mly.panhouye.demo.NetworkImageIndicatorView>
 
</LinearLayout>

(3)java实现代码如下:

package com.mly.panhouye.demo;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import com.panxw.android.imageindicator.AutoPlayManager;
import com.panxw.android.imageindicator.ImageIndicatorView;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity {
 NetworkImageIndicatorView internet_iv;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 internet_iv= (NetworkImageIndicatorView) findViewById(R.id.internet_iv);
 internet();
 }
 public void internet(){
 final List<String> urlList= new ArrayList<String>();
 urlList.add("http://r.photo.store.qq.com/psb?/V12kkHqD1CWRD4/1*CDpMdmLbUg.gga4PxHTxZUSZqZ1ei76FIDnprasXI!/r/dKEAAAAAAAAA");
 urlList.add("http://r.photo.store.qq.com/psb?/V12kkHqD1CWRD4/40Y896PFEJ0ZdQyzrd0Nar48yCs5g9lkH3jI7zSRCQQ!/r/dKEAAAAAAAAA");
 urlList.add("http://r.photo.store.qq.com/psb?/V12kkHqD1CWRD4/7oqQQKh5D5OKezdyC0geEGaTQjJirH8.GbQ9mY13aIY!/r/dKAAAAAAAAAA");
 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();
 }
}

使用开源框架实现起来还是很方便的,本次演示只为实现功能,大家有时间可以优化下界面,实现自己想要的结果(网络加载中引用了本人的玉照哦,谢谢大家观赏)

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


# Android  # 图片轮播 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 网站建设要注意的标准 促进网站用户好感度!  Laravel用户认证怎么做_Laravel Breeze脚手架快速实现登录注册功能  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  高防服务器租用指南:配置选择与快速部署攻略  Laravel怎么写单元测试_PHPUnit在Laravel项目中的基础测试入门  Laravel Admin后台管理框架推荐_Laravel快速开发后台工具  如何在新浪SAE免费搭建个人博客?  PHP的CURL方法curl_setopt()函数案例介绍(抓取网页,POST数据)  Laravel如何处理和验证JSON类型的数据库字段  微信推文制作网站有哪些,怎么做微信推文,急?  如何在万网开始建站?分步指南解析  Laravel怎么实现支付功能_Laravel集成支付宝微信支付  Windows驱动无法加载错误解决方法_驱动签名验证失败处理步骤  开心动漫网站制作软件下载,十分开心动画为何停播?  电商网站制作价格怎么算,网上拍卖流程以及规则?  Laravel Eloquent访问器与修改器是什么_Laravel Accessors & Mutators数据处理技巧  Laravel如何生成URL和重定向?(路由助手函数)  Laravel如何发送邮件_Laravel Mailables构建与发送邮件的简明教程  香港服务器网站测试全流程:性能评估、SEO加载与移动适配优化  Laravel如何实现数据导出到PDF_Laravel使用snappy生成网页快照PDF【方案】  Laravel路由Route怎么设置_Laravel基础路由定义与参数传递规则【详解】  Laravel API资源类怎么用_Laravel API Resource数据转换  详解Nginx + Tomcat 反向代理 如何在高效的在一台服务器部署多个站点  如何在阿里云ECS服务器部署织梦CMS网站?  标题:Vue + Vuex 项目中正确使用 JWT 进行身份认证的实践指南  Laravel如何使用Vite进行前端资源打包?(配置示例)  香港服务器租用费用高吗?如何避免常见误区?  焦点电影公司作品,电影焦点结局是什么?  Laravel怎么判断请求类型_Laravel Request isMethod用法  Windows10电脑怎么设置虚拟光驱_Win10右键装载ISO镜像文件  JS碰撞运动实现方法详解  laravel怎么配置Redis作为缓存驱动_laravel Redis缓存配置教程  如何批量查询域名的建站时间记录?  Laravel怎么配置自定义表前缀_Laravel数据库迁移与Eloquent表名映射【步骤】  EditPlus 正则表达式 实战(3)  Laravel Blade组件怎么用_Laravel可复用视图组件的创建与使用  Laravel如何使用Gate和Policy进行权限控制_Laravel权限判定与策略规则配置  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站?  Laravel如何配置和使用队列处理异步任务_Laravel队列驱动与任务分发实例  如何使用 jQuery 正确渲染 Instagram 风格的标签列表  uc浏览器二维码扫描入口_uc浏览器扫码功能使用地址  悟空识字怎么关闭自动续费_悟空识字取消会员自动扣费步骤  Python并发异常传播_错误处理解析【教程】  Laravel如何构建RESTful API_Laravel标准化API接口开发指南  Laravel如何创建自定义中间件?(Middleware代码示例)  如何用AWS免费套餐快速搭建高效网站?  Laravel请求验证怎么写_Laravel Validator自定义表单验证规则教程  HTML5段落标签p和br怎么选_文本排版常用标签对比【解答】  香港服务器网站卡顿?如何解决网络延迟与负载问题?  Laravel如何记录日志_Laravel Logging系统配置与自定义日志通道