Android使用開源框架ANDROID-IMAGE-INDICATOR實(shí)現(xiàn)圖片輪播部署
之前的博文中有介紹關(guān)于圖片輪播的實(shí)現(xiàn)方式,分別為(含超鏈接):
1、《Android中使用ViewFlipper實(shí)現(xiàn)屏幕切換》
2、《Android中使用ViewPager實(shí)現(xiàn)屏幕頁面切換和頁面輪播效果》
3、《Android中使用ImageViewSwitcher實(shí)現(xiàn)圖片切換輪播導(dǎo)航效果》
今天通過使用GitHub中的開源項(xiàng)目android-image-indicator來簡單實(shí)現(xiàn)APP自帶圖片的輪播以及加載網(wǎng)絡(luò)圖片進(jìn)行輪播。
一、從GitHub上下載項(xiàng)目
GitHub地址:https://github.com/panxw/android-image-indicator
其中介紹了簡單的使用示例,大家可以看看
二、導(dǎo)入依賴包
(1)我嘗試使用AndroidStudio2,2通過Import Module來導(dǎo)入下載文件中的library來導(dǎo)入依賴包,但本次下載的項(xiàng)目使用Maven來構(gòu)建,
導(dǎo)入過程出現(xiàn)錯(cuò)誤提示:Error:(2, 0) Plugin with id‘com.github.dcendents.Android-maven' not found。嘗試了多種解決方案,無法有效解決依賴包導(dǎo)入問題。建議使用第二種方法導(dǎo)入
(2)在build.gradle(Module.app)中dependencies下直接添加以下代碼
compile 'com.panxw.imageindicator:library:1.0.2'
添加示例如下:
添加完后,點(diǎn)擊界面上的提示,同步以下就好。
三、演示加載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實(shí)現(xiàn)代碼如下:
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(); } //系統(tǒng)本地圖片加載 public void local() { // 聲明一個(gè)數(shù)組, 指定圖片的ID final Integer[] resArray = new Integer[] {R.mipmap.a1, R.mipmap.a2, R.mipmap.a3, R.mipmap.a4}; // 把數(shù)組交給圖片展播組件 indicate_view.setupLayoutByDrawable(resArray); // 展播的風(fēng)格 // 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); //設(shè)置開啟自動(dòng)廣播 autoBrocastManager.setBroadcastEnable(true); //autoBrocastManager.setBroadCastTimes(5);//loop times //設(shè)置開始時(shí)間和間隔時(shí)間 autoBrocastManager.setBroadcastTimeIntevel(3000, 3000); //設(shè)置循環(huán)播放 autoBrocastManager.loop(); } }
四、加載網(wǎng)絡(luò)圖片
(1)首先在Java中自定義NetworkImageIndicatorView.class
其中在加載網(wǎng)絡(luò)圖片到imageView中使用了網(wǎng)絡(luò)通信框架-VolLey。這里主要使用其中的ImageRequest,
ImageRequest的構(gòu)造函數(shù)接收六個(gè)參數(shù),分別代表的含義是:
第一個(gè)參數(shù)就是圖片的URL地址,這個(gè)沒什么需要解釋的。
第二個(gè)參數(shù)是圖片請求成功的回調(diào),這里我們把返回的Bitmap參數(shù)設(shè)置到ImageView中。
第三第四個(gè)參數(shù)分別用于指定允許圖片最大的寬度和高度,如果指定的網(wǎng)絡(luò)圖片的寬度或高度大于這里的最大值,則會(huì)對(duì)圖片進(jìn)行壓縮,指定成0的話就表示不管圖片有多大,都不會(huì)進(jìn)行壓縮。
第五個(gè)參數(shù)用于指定圖片的顏色屬性,Bitmap.Config下的幾個(gè)常量都可以在這里使用,其中ARGB_8888可以展示最好的顏色屬性,每個(gè)圖片像素占據(jù)4個(gè)字節(jié)的大小,而RGB_565則表示每個(gè)圖片像素占據(jù)2個(gè)字節(jié)大小。
第六個(gè)參數(shù)是圖片請求失敗的回調(diào),這里我們當(dāng)請求失敗時(shí)在ImageView中顯示一張默認(rèn)圖片。
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 //創(chuàng)建一個(gè)請求對(duì)列 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實(shí)現(xiàn)代碼如下:
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(); //設(shè)置自動(dòng)播放 AutoPlayManager autoBrocastManager = new AutoPlayManager(internet_iv); autoBrocastManager.setBroadcastEnable(true); autoBrocastManager.setBroadCastTimes(5);//循環(huán)次數(shù)設(shè)置 autoBrocastManager.setBroadcastTimeIntevel(500, 500); autoBrocastManager.loop(); } }
使用開源框架實(shí)現(xiàn)起來還是很方便的,本次演示只為實(shí)現(xiàn)功能,大家有時(shí)間可以優(yōu)化下界面,實(shí)現(xiàn)自己想要的結(jié)果(網(wǎng)絡(luò)加載中引用了本人的玉照哦,謝謝大家觀賞)
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android開發(fā)使用Handler的PostDelayed方法實(shí)現(xiàn)圖片輪播功能
- Android開發(fā)使用Handler實(shí)現(xiàn)圖片輪播功能示例
- Android線程實(shí)現(xiàn)圖片輪播
- Android ViewPager實(shí)現(xiàn)圖片輪播效果
- Android自動(dòng)播放Banner圖片輪播效果
- Android客戶端實(shí)現(xiàn)圖片輪播控件
- Android實(shí)現(xiàn)廣告圖片輪播效果
- Android實(shí)現(xiàn)圖片輪播切換實(shí)例代碼
- Android實(shí)現(xiàn)圖片輪播效果
- Android自定義圖片輪播Banner控件使用解析
相關(guān)文章
android中Glide實(shí)現(xiàn)加載圖片保存至本地并加載回調(diào)監(jiān)聽
本篇文章主要介紹了android中Glide實(shí)現(xiàn)加載圖片保存至本地并加載回調(diào)監(jiān)聽,具有一定的參考價(jià)值,有興趣的可以了解一下2017-09-09Android使用vitamio插件實(shí)現(xiàn)視頻播放器
這篇文章主要為大家詳細(xì)介紹了Android使用vitamio實(shí)現(xiàn)視頻播放器,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-04-04Kotlin Service服務(wù)組件開發(fā)詳解
這幾天分析了一下的啟動(dòng)過程,于是乎,今天寫一下Service使用; 給我的感覺是它并不復(fù)雜,千萬不要被一坨一坨的代碼嚇住了,雖然彎彎繞繞不少,重載函數(shù)一個(gè)接著一個(gè),就向走迷宮一樣,但只要抓住主線閱讀,很快就能找到出口2022-12-12Android TextView設(shè)置背景色與邊框的方法詳解
本篇文章是對(duì)Android中TextView設(shè)置背景色與邊框的方法進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-06-06Android中實(shí)現(xiàn)多線程操作的幾種方式
多線程一直是一個(gè)老大難的問題,首先因?yàn)樗y以理解,其次在實(shí)際工作中我們需要面對(duì)的關(guān)于線程安全問題也并不常見,今天就來總結(jié)一下實(shí)現(xiàn)多線程的幾種方式,感興趣的可以了解一下2021-06-06淺談Android onTouchEvent 與 onInterceptTouchEvent的區(qū)別詳解
本篇文章小編為大家介紹,Android onTouchEvent 與 onInterceptTouchEvent的區(qū)別詳解。需要的朋友參考下2013-04-04FFmpeg Principle學(xué)習(xí)open_output_file打開輸出文件
這篇文章主要為大家介紹了FFmpeg Principle學(xué)習(xí)open_output_file打開輸出文件示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10Android和IOS的瀏覽器中檢測是否安裝某個(gè)客戶端的方法
這篇文章主要介紹了Android和IOS的瀏覽器中檢測是否安裝某個(gè)客戶端的方法,需要的朋友可以參考下2014-06-06Android AsyncTask實(shí)現(xiàn)機(jī)制詳細(xì)介紹及實(shí)例代碼
這篇文章主要介紹了Android AsyncTask實(shí)現(xiàn)機(jī)制詳細(xì)介紹及實(shí)例代碼的相關(guān)資料,這里附有示例代碼,幫助大家學(xué)習(xí)理解,需要的朋友可以參考下2016-12-12