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