1. 程式人生 > >Android banner+glide實現圖片輪播

Android banner+glide實現圖片輪播

參考文章:https://blog.csdn.net/lixiang_y/article/details/64920133

使用Glide+Banner實現圖片簡單輪播效果。

1. 新增依賴

    Glide :

implementation 'com.github.bumptech.glide:glide:3.7.0'

    Banner:

implementation 'com.youth.banner:banner:1.4.9'

2. 請求網路許可權

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

3. activity_main.xml 中簡單佈局

<com.youth.banner.Banner
android:id="@+id/banner"
android:layout_width="match_parent"
android:layout_height="141dp"></com.youth.banner.Banner>   //高度可自行設定

4. 新建類Class用於圖片載入

public class GlideImageLoader extends ImageLoader {
    @Override
public void displayImage(Context context, Object path, 
ImageView imageView) { Glide.with(context).load(path).into(imageView); } }

 (Glide使用三部曲: with→load→into)

5. 配置(繫結)Banner

public class MainActivity extends AppCompatActivity {
    private Banner banner;
List<String> images=new ArrayList<>();   //定義圖片集合
@Override
protected void onCreate
(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); images.add("http://10.38.9.154:8080/atguigu/img/1432113201786.jpg"); images.add("http://10.38.9.154:8080/atguigu/img/1445568698438.jpg"); images.add("http://10.38.9.154:8080/atguigu/img/1439367400560.jpg"); //圖片路徑 banner = findViewById(R.id.banner); banner.setImageLoader(new GlideImageLoader()); //設定圖片載入器 banner.setImages(images); //設定banner中顯示圖片 banner.start(); //設定完畢後呼叫 }

OK!

相關推薦

Android banner+glide實現圖片

參考文章:https://blog.csdn.net/lixiang_y/article/details/64920133使用Glide+Banner實現圖片簡單輪播效果。1. 新增依賴    Glide :implementation 'com.github.bumptec

Android使用ViewPager實現圖片(高度自適應,左右迴圈,自動輪)

效果 前言 該效果實現是基於我的第一篇部落格 Android使用ViewPager實現引導頁(帶小點提示)進行改進的,因此部分相同的地方我不會再重複描述,有意全面瞭解的可以先看完該篇部落格。 實現 為實現自定義一個通用的控制元件,我們首先建立一個類繼承ViewPager

Android使用ViewPager實現圖片和手勢滑動

ViewPager常用來實現圖片的輪播,比如淘寶首頁,會把一些促銷的商品的圖片和描述資訊來回的播放,這就是典型的使用ViewPager實現的。 ViewPager屬於佈局管理器,允許使用者通過頁面翻轉檢視左右的資料,下面通過一個例項來講解ViewPager實現圖片輪播和手

Android基礎知識】使用Gallery和ImageSwitcher實現圖片效果

使用Gallery和ImageSwitcher實現滑動Gallery,切換ImageSwitcher的圖片。 佈局檔案 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

Android實現圖片效果

註明:轉載請註明本文連結MainActivity.javapackage com.example.carr.advertisement; import android.content.Intent; import android.os.Environment; import

Android 獲取本地圖片實現圖片

剛開始做這個專案的時候我是通過直接獲取本地圖片實現輪播,但是這樣做的話有一個很嚴重的問題就是每次執行15分鐘左右就會發生記憶體溢位,所以我改成下面的方式去獲取本地圖居然不會發生溢位了。1、我建立一個類用於獲取本地圖片:public class ImagePathFromSD

iOS開發項目實戰——Swift實現圖片與瀏覽

0.10 上網 timer類 開發項目 cas hub string obj tle 近期開始開發一個新的iOS應用,自己決定使用Swift。進行了幾天之後,發現了一個非常嚴峻的問題。那就是無論是書籍,還是網絡資源,關於Swift的實在是太少了,隨便一

CSS/HTML/JS實現圖片

class fff 瀏覽器 tro back 全局 實現圖 func 原理 實現原理 將點擊的a標簽的href屬性值賦給img標簽的src屬性,這樣有個好處,就是如果瀏覽器不支持js的話,點擊a標簽也可跳轉到圖片地址看到圖片,不會影響內容的呈現 註:需要導入jquery

使用JQuery實現圖片效果

left 簡述 flow href 集合 jpg -i round 輪播 【效果如圖】 【原理簡述】 這裏大概說一下整個流程: 1,將除了第一張以外的圖片全部隱藏, 2,獲取第一張圖片的alt信息顯示在信息欄,並添加點擊事件 3,為4個按鈕添加點擊偵聽,點擊相應的按鈕,用

原生JS實現圖片

讓其 gin 偏移量 adding char 效率 lin doc 動畫效果 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

Flexslider插件實現圖片、文字圖片相結合滑動切換效果

remove 12px body 類型 ons art cal 選項 csharp 插件下載:   點擊下載 密碼: fbeg Flexslider具有以下特性: 支持滑動和淡入淡出效果。 支持水平、垂直方向滑動。 支持鍵盤方向鍵控制。 支持觸控滑動。 支

使用Ajax+jQuery來實現前端收到的數據在console上顯示+簡單的主頁設計與bootstrap插件實現圖片

value size 靠譜 實現圖 active length oot function 想要 1.實現前端輸入的數據在console上顯示 上一篇是解決了在前端的輸入信息在cygwin上顯示,這次要給前臺們能看見的數據,因為數據庫裏插入的數據少,所以寫的語句翻來覆去就那幾

C# winform窗體實現圖片

1、定義一個方法設定控制元件 和執行緒時間 /// <summary> /// 改變圖片 /// </summary> /// <param name="img">圖片</param>

微信小程式實現圖片

wxml頁面程式碼: <!--圖片輪播 --> <view class='swipercontainer'> <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" inte

[程式碼] 使用css3實現圖片

使用css3實現圖片輪播 前言:實現圖片輪播的方式有很多種 ,例如js ,css 等等。 本文主要講述使用純css3實現輪播圖 工具介紹: 使用的編輯器: Hbuilder 進入正題 htm

html中使用JS實現圖片效果

HTML 部分 <div id="bannner" class="main_center_bannar">

【DEDE】後臺上傳banner圖控制圖片

將圖片輪播做到後臺控制,無論是dedecms還是其他的程式都是一樣的重要,方便客戶自己除錯,不然動不動就拿FTP開刷,一個是操作不方便,增加了使用上的難度,另外也有一定的風險,很可能由於操作生疏,誤操作而導致網站無法正常執行。 本示例講解在後臺控制dedecms首頁輪播圖片

html+css+js簡單實現圖片效果

<script>  index=0;function show_img(){             imgs=document.getElementById("shidian_img").children; //獲取所以圖片 並且儲存到陣列imgs數組裡             for(i =0

純css3實現圖片

用css3的動畫可以實現圖片輪播 無非就是兩種型別:  左右滾動型別, 漸變型別 1 左右滾動 定義一個大盒子 在一個小盒子裡面 裝3張圖片(這裡用3張圖片為例子) 三張圖片可以向左浮動,大盒子 overflow :hidden 小盒子增加css3

jquery實現圖片圖效果

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ padding:0; margin:0; list-style:n