1. 程式人生 > >Glide-佔位圖以及載入動畫

Glide-佔位圖以及載入動畫

前言:

這一節我們將講到Glide如何使用佔位圖,錯誤圖,以及使用載入動畫

Glide 系列目錄

1.設定佔位圖(placeholder)

有時候載入的圖片過大時,或者網路不好時,我們經常希望控制元件在載入過程中有一張預設的佔位圖

Glide.with(this).load(url).placeholder(R.mipmap.place).into(iv);

2.設定錯誤圖片(error)

當圖片連結地址有誤或者網路不行的時候,我們需要顯示一個錯誤圖片
Glide.with(this).load(url).placeholder(R.mipmap.place).error(R.mipmap.icon_photo_error).into(iv);

3.設定動畫(crossFade)

Glide預設是包含淡入淡出動畫的時間為300ms(毫秒),我們可以修改這個動畫的時間

Glide.with(this).load(url).placeholder(R.mipmap.place).error(R.mipmap.icon_photo_error).crossFade(5000).into(iv);

4.取消動畫(dontAnimate)

當我們不希望有淡入淡出動畫時

Glide.with(this).load(url).placeholder(R.mipmap.place).error(R.mipmap.icon_photo_error).dontAnimate().into(iv);

相關推薦

Glide-佔位以及載入動畫

前言: 這一節我們將講到Glide如何使用佔位圖,錯誤圖,以及使用載入動畫 Glide 系列目錄 1.設定佔位圖(placeholder) 有時候載入的圖片過大時,或者網路不好時,我們經

Glide載入圖片到Recyclerview中有時候只顯示佔位的問題

1、IllegalArgumentException: You cannot start a load for a destroyed activity @TargetApi(Build.VERSION_CODES.JELLY_BEAN_M

Glide-使用動態作為正在載入佔位

完整的例子 佈局 ImageView <ImageView android:id="@+id/iv_main" android:layout_width="100dp" android:layout_height="100dp"

佔位和圖片懶載入專案實戰詳解

佔位圖(兜底圖): 真實圖片太大還沒有載入完之前先用一張佔位圖表示這個位置將來會有圖片或者說明這個位置是有圖片的但是不知道什麼原因真正的圖片沒有加載出來使用者只能看到這張佔位圖; 什麼是圖片懶載入: 懶載入也就是延遲載入,當訪問一個頁面的時候,先把img元素渲染出來,但是不給它真

layui圖片懶載入-loading佔位

前言     使用layui的圖片懶載入,發現未載入的圖片沒有loading佔位圖,顯示的是裂圖,看著不是很好。找了一些解決方法我統一記錄一下。 layui圖片懶載入使用方法 layui.use(’flow’, function(){ var flow = l

Glide 4.x Placeholder(佔位)不會被處理成圓角

解決這個問提一種方法就是讓UI直接切圓角圖;另一箇中就是通過thumbnail方法對佔位圖再做圓角處理,具體實現如下: public static void loadRoundImg(Imag

layui 實現載入動畫以及非真實載入進度

近期在做一個網站的查詢功能,但是由於資料量確實太大,分頁查詢後也是很慢,同時查詢出的資料部分還要進行一些處理,導致使用者說要我們給他們加一個查詢進度,要百分比顯示。加上載入動畫很簡單,layui有現成的。但是還要動畫。。我tm(手動微笑),原諒我水平比較低。然後就瞎搞,終於搞出了一個載入的進度,

android條形繪製以及加入動畫,並且支援水平滑動

閒話 Android 圖表的繪製,無非是view的繪製,只有掌握了view的繪製流程,那麼一個條形圖,也沒有什麼可難繪製的,那為什麼會有人覺得比較難呢,其實是自己內心裡懼怕他,於是每次出現圖表需求,想都不用想就選擇第三方的,也就是別人寫好的,當然,這也沒有什麼

unity 中帶貼以及動畫的模型檔案轉為 lowpoly 風格的方法

本篇講述的是使用程式碼來修改的方法,其實unity已經給我們提供了設定的方法:Normals選擇Calculate,Smoothing Angle調整為0即可。原文章中主要是沒有提到UV以及骨骼與定點的繫結方法。由於實現lowpoly的風格其實就是將原來的1個點複製為多個點,

jquery延時載入動畫焦點- 有點類似視差動畫

<script type="text/javascript">$('.DB_tab25').DB_tabMotionBanner({key:'b28551',autoRollingTime:10000,                            bgSpeed:500,motion:{

(考研)(精華)二叉樹的知識結構以及各種特殊的二叉樹

知識結構 aik 需要 關鍵字 構圖 每一個 知識 eight erl 關於二叉樹有一點需要註意:二叉樹並不是樹的一種特殊形式。 二叉樹又有幾種特殊的形式:二叉排序樹(二叉查找樹)、最優二叉樹(哈弗曼樹)、二叉堆(大頂堆,小頂堆)等。斜線是數據結構 二叉排序樹(二叉查

初涉RxAndroid結合Glide實現多圖片載入操作

roc mco avr spl asc 生命周期 png ret track 轉載請註明出處:王亟亟的大牛之路 本來周末就想發了然後各種拖拉就沒有然後了,那麽就今天早上寫吧,廢話不多開始正題 什麽是RxJava或者RxAndroid我就不多廢話了,理

窗口動畫開始

window ase nim rip relative on() css html 滾動 主要是實現當頁面拉到當前部分時動畫才開始執行//html 頁面代碼<div class="tuiguang"> <img src="images/tuiguang

零元學Expression Blend 4 - Chapter 6 如何置入Photoshop檔案以及入門動畫設計

生成 per 設定 感覺 gpo blend 針對 一個 selection 原文:零元學Expression Blend 4 - Chapter 6 如何置入Photoshop檔案以及入門動畫設計

白話如何在kali linux上多功能截以及保證筆記萬無一失(安全版)

note precise 點擊下載 選擇 apt original 官網 packages 商業 技術博客的可讀性非常重要,這也是技術博客寫作的重要原則。 kali linux版本為2018.1 64位 如果使用最新安裝的kali linux,你會發現系統自帶的截圖工具不是

Webkit初始化以及載入URL過程中各種對象的建立時序以及DOM樹的建立詳情分析

沒有 chrom 本地 .net 時間 詳情 request avi ng-click ? ? ? ? 眾所周知,Webkit須要創建DOM樹。為此它須要創建Web

圖片加載Glide的使用以及簡單封裝

內存緩存 activit div ear ole center fault 以及 any 前言: 在正式開發中,我們需要網絡請求框架,Glide是最好的選擇相對於開發者,我們在開發中, 解決圖片的問題,使用Glide來進行解決顯示。 1. Glide的簡介 在泰國矩形的

首頁是一個輪播以及商品的展示+bean+HttpUtils

  //BannerAdapter public class BannerAdapter extends PagerAdapter { private Context context; private List<Banner> list;

UML類以及之間的關係

轉自:http://blog.csdn.net/tianhai110/article/details/6339565 在UML類圖中,常見的有以下幾種關係: 泛化(Generalization),  實現(Realization), 關聯(Associat

網頁頁面預載入動畫的實現,載入後隱藏

我們做web app的時候,可以做一個頁面載入廣告,在你網頁載入的時候,先出現一段gif動圖或者是海報。 下面是實現頁面載入動畫的程式碼 首先js程式碼的實現 (function($){ $(window).load(function(){ $('#b