62.ImageLoader源代碼-流程分析
一. ImageLoader簡(jiǎn)介
Android library #1 on GitHub. UIL aims to provide a powerful, flexible and highly customizable instrument for image loading, caching and displaying. It provides a lot of configuration options and good control over the image loading and caching process.根據(jù)Github上面的注釋，ImageLoader是一個(gè)強(qiáng)大的，靈活的，高度可定制化的圖片加載，緩存已經(jīng)展示的框架。它提供了大量的可配置選項(xiàng)，可以很好的控制圖片的加載和緩存進(jìn)度。
成都創(chuàng)新互聯(lián)專注于企業(yè)成都全網(wǎng)營(yíng)銷、網(wǎng)站重做改版、修文網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5場(chǎng)景定制、成都商城網(wǎng)站開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為修文等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
1.1 Github源代碼地址
https://github.com/nostra13/Android-Universal-Image-Loader
1.2 主要類及其功能介紹
| 類名 | 意義 |
|---|---|
| ImageLoader | ImageLoader的主要操作入口類，比如初始化，請(qǐng)求加載圖片。 |
| ImageLoaderEngine | ImageLoader的發(fā)動(dòng)機(jī)，包含幾個(gè)Executor線程池，可以執(zhí)行各種任務(wù)，有些Executor可以在configuration中配置。 |
| ImageViewAware | 傳入圖片控件ImageView的包裝，對(duì)ImageView弱引用(防止內(nèi)存泄漏)，封裝了一些方法，可以更加方便的操作ImageView，比如獲取寬高，設(shè)置圖片顯示等。 |
| DisplayImageOptions | 請(qǐng)求顯示圖片時(shí)的參數(shù)，比如默認(rèn)圖片，失敗圖片，是否使用內(nèi)存緩存等等 |
| ImageLoadingListener | 圖片加載的監(jiān)聽器，比如onLoadingStarted，onLoadingComplete |
| MemoryCache | MemoryCache是圖片內(nèi)存緩存的一個(gè)接口，包括多種實(shí)現(xiàn)機(jī)制，比如Lru, FIFO, LargestLimited等 |
| DiskCache | 圖片磁盤緩存接口，包括多種緩存命名算法，比如md5,hashcode等 |
| ImageLoadingInfo | 內(nèi)存中沒(méi)有找到圖片，準(zhǔn)備去其他地方找圖片的時(shí)候，為了便于操作封裝的對(duì)象，比如圖片uri,memorykey, imageLoadinglistener,progressListener, loadFromUriLock |
| LoadedFrom | 枚舉類型，表明圖片從哪里獲取，包括3種類型 NETWORK(網(wǎng)絡(luò)), DISC_CACHE(磁盤,sd卡), MEMORY_CACHE(內(nèi)存) |
| ImageLoaderConfiguration | 非常重要的對(duì)象，在Application中初始化，包含了MemoryCache,DiskCache，ImageDownloader，ImageDecoder等 |
| ImageDownloader | 圖片下載接口，有些實(shí)現(xiàn)子類，比如BaseImageDownloader，SlowNetworkImageDownloader，NetworkDeniedImageDownloader |
| BaseImageDownloader | 基本的圖片下載類，支持網(wǎng)絡(luò)，assets, content, drawable等圖片獲取 |
| SlowNetworkImageDownloader | 底網(wǎng)速下圖片獲取 |
| BitmapDisplayer | 圖片顯示抽象類，包括各種圖片顯示效果，比如最普通的顯示圖片，圓角圖片顯示等 |
1.3 代碼包及其含義
| 包名 | 作用 |
|---|---|
| com.nostra13.universalimageloader.cache.disc | 磁盤緩存命名和存儲(chǔ)的算法實(shí)現(xiàn)，比如md5和hashcode名稱，限制使用時(shí)間存儲(chǔ)等 |
| com.nostra13.universalimageloader.cache.memory | 內(nèi)存緩存算法的實(shí)現(xiàn)類，包括先進(jìn)先出，Lru等算法 |
| com.nostra13.universalimageloader.core | ImageLoader的核心代碼和主要工作流程類，比如ImageLoader,ImageLoaderConfiguration,ImageLoaderEngine等。 |
| com.nostra13.universalimageloader.core.assist | 輔助類， |
| com.nostra13.universalimageloader.core.decode | 解碼，比如從磁盤文件解碼成Bitmap |
| com.nostra13.universalimageloader.core.display | 圖片顯示效果類，比如圓角，淡入效果等 |
| com.nostra13.universalimageloader.core.download | 圖片下載類，支持網(wǎng)絡(luò)下載圖片，文件讀取圖片，assets圖片，drawable,已經(jīng)contentProvider讀取圖片 |
| com.nostra13.universalimageloader.core.imageaware | ImageView的封裝，提供了對(duì)ImageView的便捷操作，比如獲取ImageView高度寬度，是否被回收等 |
| com.nostra13.universalimageloader.core.listener | 監(jiān)聽器，包括圖片加載監(jiān)聽，加載進(jìn)度監(jiān)聽，列表滑動(dòng)監(jiān)聽 |
| com.nostra13.universalimageloader.core.process | 外放給調(diào)用者處理圖片的能力，獲取到圖片之后，在顯示之前，調(diào)用者可以設(shè)置此監(jiān)聽器，處理圖片，比如切割圖片。 |
| com.nostra13.universalimageloader.utils | 工具類 |
- 4 圖片加載序列圖
二. 簡(jiǎn)單使用
https://www.cnblogs.com/yimi-yangguang/p/5715350.html
2.1 Application
public class MyApplication extends Application {
@Override
public void onCreate() {
super.onCreate();
ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(this)
.memoryCacheExtraOptions(480, 800) // default = device screen ，默認(rèn)為屏幕寬高 dimensions，內(nèi)存緩存的最大寬高
.diskCacheExtraOptions(480, 800, null)//磁盤緩存最大寬高,默認(rèn)不限制
.threadPriority(Thread.NORM_PRIORITY - 2) // default //線程優(yōu)先級(jí)
.denyCacheImageMultipleSizesInMemory() //阻止內(nèi)存中多尺寸緩存
.memoryCacheSize(2 * 1024 * 1024) //配置緩存大小
.memoryCacheSizePercentage(13) // default //緩存百分比
.diskCacheSize(50 * 1024 * 1024) //磁盤緩存大小，只在使用默認(rèn)緩存有效
.diskCacheFileCount(100) //磁盤緩存文件數(shù)，只在使用默認(rèn)緩存有效
.writeDebugLogs() //打印調(diào)試日志
.build();
ImageLoader.getInstance().init(config);//初始化
}
}2.2 加載圖片
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ImageView imageView = findViewById(R.id.img_test);
ImageLoader imageLoader = ImageLoader.getInstance();
DisplayImageOptions options = new DisplayImageOptions.Builder()
.showImageOnLoading(R.drawable.ic_launcher_background) // resource or drawable
.showImageForEmptyUri(R.drawable.ic_launcher_background) // resource or drawable
.showImageOnFail(R.drawable.ic_launcher_background) // resource or drawable
.resetViewBeforeLoading(false) // default
.delayBeforeLoading(1000)
.postProcessor(new BitmapProcessor() {
@Override
public Bitmap process(Bitmap bitmap) {
Log.d("sandy", "process bitmap...");
return bitmap;
}
})
.showImageOnLoading(R.drawable.ic_launcher_foreground)
.cacheInMemory(false) // default
.cacheOnDisk(false) // default
.considerExifParams(false) // default
.imageScaleType(ImageScaleType.IN_SAMPLE_POWER_OF_2) // default
.bitmapConfig(Bitmap.Config.ARGB_8888) // default
.build();
imageLoader.displayImage("http://img3.imgtn.bdimg.com/it/u=2200166214,500725521&fm=27&gp=0.jpg",
imageView, options, new ImageLoadingListener() {
@Override
public void onLoadingStarted(String imageUri, View view) {
Log.d("sandy", "onLoadingStarted imageUri: " + imageUri);
}
@Override
public void onLoadingFailed(String imageUri, View view, FailReason failReason) {
Log.d("sandy", "onLoadingFailed imageUri: " + imageUri
+ " failReason: " + failReason);
}
@Override
public void onLoadingComplete(String imageUri, View view, Bitmap loadedImage) {
Log.d("sandy", "onLoadingComplete imageUri: " + imageUri);
}
@Override
public void onLoadingCancelled(String imageUri, View view) {
Log.d("sandy", "onLoadingCancelled imageUri: " + imageUri);
}
}, new ImageLoadingProgressListener(){
@Override
public void onProgressUpdate(String imageUri, View view, int current, int total) {
Log.d("sandy", "onProgressUpdate current: " + current + " total: " + total);
}
});
}
}三. 流程分析-初始化
按照上面的使用方法，進(jìn)行ImageLoader的源代碼分析，首先看Application的onCreate里面ImageLoader的代碼。
3.1 初始化ImageLoaderConfiguration
ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(this)
.memoryCacheExtraOptions(480, 800) // default = device screen ，默認(rèn)為屏幕寬高 dimensions，內(nèi)存緩存的最大寬高
.diskCacheExtraOptions(480, 800, null)//磁盤緩存最大寬高,默認(rèn)不限制
.threadPriority(Thread.NORM_PRIORITY - 2) // default //線程優(yōu)先級(jí)
.denyCacheImageMultipleSizesInMemory() //阻止內(nèi)存中多尺寸緩存
.memoryCacheSize(2 * 1024 * 1024) //配置緩存大小
.memoryCacheSizePercentage(13) // default //緩存百分比
.diskCacheSize(50 * 1024 * 1024) //磁盤緩存大小，只在使用默認(rèn)緩存有效
.diskCacheFileCount(100) //磁盤緩存文件數(shù)，只在使用默認(rèn)緩存有效
.writeDebugLogs() //打印調(diào)試日志
.build();這是一個(gè)典型的構(gòu)造者模式，構(gòu)造者模式一般適用于屬性比較多的場(chǎng)景。
在設(shè)置完各種屬性后，最后來(lái)看看build方法。
3.1.1 build
/** Builds configured {@link ImageLoaderConfiguration} object */
public ImageLoaderConfiguration build() {
initEmptyFieldsWithDefaultValues();
return new ImageLoaderConfiguration(this);
}首先會(huì)調(diào)用initEmptyFieldsWithDefaultValues，如果用戶沒(méi)有設(shè)置一些屬性，那么就會(huì)為他們初始化默認(rèn)值。
private void initEmptyFieldsWithDefaultValues() {
if (taskExecutor == null) {
taskExecutor = DefaultConfigurationFactory
.createExecutor(threadPoolSize, threadPriority, tasksProcessingType);
} else {
customExecutor = true;
}
if (taskExecutorForCachedImages == null) {
taskExecutorForCachedImages = DefaultConfigurationFactory
.createExecutor(threadPoolSize, threadPriority, tasksProcessingType);
} else {
customExecutorForCachedImages = true;
}
if (diskCache == null) {
if (diskCacheFileNameGenerator == null) {
diskCacheFileNameGenerator = DefaultConfigurationFactory.createFileNameGenerator();
}
diskCache = DefaultConfigurationFactory
.createDiskCache(context, diskCacheFileNameGenerator, diskCacheSize, diskCacheFileCount);
}
if (memoryCache == null) {
memoryCache = DefaultConfigurationFactory.createMemoryCache(context, memoryCacheSize);
}
if (denyCacheImageMultipleSizesInMemory) {
memoryCache = new FuzzyKeyMemoryCache(memoryCache, MemoryCacheUtils.createFuzzyKeyComparator());
}
if (downloader == null) {
downloader = DefaultConfigurationFactory.createImageDownloader(context);
}
if (decoder == null) {
decoder = DefaultConfigurationFactory.createImageDecoder(writeLogs);
}
if (defaultDisplayImageOptions == null) {
defaultDisplayImageOptions = DisplayImageOptions.createSimple();
}
}最后build方法可以產(chǎn)生出一個(gè)ImageLoaderConfiguration對(duì)象
return new ImageLoaderConfiguration(this);得到ImageLoaderConfiguration這個(gè)配置對(duì)象后，接下來(lái)就會(huì)利用它來(lái)初始化ImageLoader
ImageLoader.getInstance().init(config);//初始化 繼續(xù)往下分析，首先看ImageLoader.getInstance()
3.2 ImageLoader.getInstance()
ImageLoader imageLoader = ImageLoader.getInstance();繼續(xù)看ImageLoader.getInstance()方法
3.2.1 ImageLoader.getInstance
/** Returns singleton class instance */
public static ImageLoader getInstance() {
if (instance == null) {
synchronized (ImageLoader.class) {
if (instance == null) {
instance = new ImageLoader();
}
}
}
return instance;
}getInstance可以看出是一個(gè)單例模式，而且是做了效率優(yōu)化(兩層if判斷，第一層可以過(guò)濾大部分訪問(wèn)，從而減少進(jìn)入synchronized鎖的次數(shù))。
3.3 ImageLoader.init(config)
/**
* Initializes ImageLoader instance with configuration.<br />
* If configurations was set before ( {@link #isInited()} == true) then this method does nothing.<br />
* To force initialization with new configuration you should {@linkplain #destroy() destroy ImageLoader} at first.
*
* @param configuration {@linkplain ImageLoaderConfiguration ImageLoader configuration}
* @throws IllegalArgumentException if <b>configuration</b> parameter is null
*/
public synchronized void init(ImageLoaderConfiguration configuration) {
if (configuration == null) {
throw new IllegalArgumentException(ERROR_INIT_CONFIG_WITH_NULL);
}
if (this.configuration == null) {
L.d(LOG_INIT_CONFIG);
engine = new ImageLoaderEngine(configuration);
this.configuration = configuration;
} else {
L.w(WARNING_RE_INIT_CONFIG);
}
}根據(jù)注釋，我們利用傳入的configuration對(duì)象初始化ImageLoader，如果這個(gè)configuration之前已經(jīng)被設(shè)置過(guò)(isInit=true)，那么就不會(huì)發(fā)生什么。
如果想用現(xiàn)在的configuration替換之前的configuration對(duì)象，那么需要先調(diào)用ImageLoader.destory()方法進(jìn)行銷毀。
如果一些正常的話，就出產(chǎn)生一個(gè)ImageLoaderEngine對(duì)象，
3.3.1 ImageLoaderEngine
private Executor taskExecutor;
private Executor taskExecutorForCachedImages;
private Executor taskDistributor;
ImageLoaderEngine(ImageLoaderConfiguration configuration) {
this.configuration = configuration;
taskExecutor = configuration.taskExecutor;
taskExecutorForCachedImages = configuration.taskExecutorForCachedImages;
taskDistributor = DefaultConfigurationFactory.createTaskDistributor();
}ImageLoaderEngine把傳入的configuration保存起來(lái)，然后包含了幾個(gè)Executor，用來(lái)執(zhí)行各種異步任務(wù)，所以叫做Engine，發(fā)動(dòng)機(jī)。
其中taskExecutor和taskExecutorForCachedImages是從configuration里面?zhèn)鬟M(jìn)來(lái)的，那換句話就是說(shuō)，是可以我們?cè)赾onfiguration中配置的，然后自己也創(chuàng)建了一個(gè)taskDistributor 這個(gè)Executor。
這樣Application里面初始化流程久分析完成了，接下來(lái)看Activity里面怎么使用ImageLoader
四. 流程分析-加載圖片
先繼續(xù)貼一段請(qǐng)求加載圖片的代碼，在Activity的onCreate里面。
首先
- 首先設(shè)置布局文件
- findViewById找到想要展示圖片的ImageView控件
- 初始化展示的配置，當(dāng)然也可以不用，ImageLoader可以使用默認(rèn)的。
- 調(diào)用imageLoader.displayImage方法請(qǐng)求加載圖片，其中可以有圖片地址，圖片控件，展示配置參數(shù)，加載圖片的監(jiān)聽器，加載進(jìn)度監(jiān)聽器。
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ImageView imageView = findViewById(R.id.img_test);
ImageLoader imageLoader = ImageLoader.getInstance();
DisplayImageOptions options = new DisplayImageOptions.Builder()
.showImageOnLoading(R.drawable.ic_launcher_background) // resource or drawable
.showImageForEmptyUri(R.drawable.ic_launcher_background) // resource or drawable
.showImageOnFail(R.drawable.ic_launcher_background) // resource or drawable
.resetViewBeforeLoading(false) // default
.delayBeforeLoading(1000)
.postProcessor(new BitmapProcessor() {
@Override
public Bitmap process(Bitmap bitmap) {
Log.d("sandy", "process bitmap...");
return bitmap;
}
})
.showImageOnLoading(R.drawable.ic_launcher_foreground)
// .displayer(new RoundedBitmapDisplayer(5))
.cacheInMemory(false) // default
.cacheOnDisk(false) // default
.considerExifParams(false) // default
.imageScaleType(ImageScaleType.IN_SAMPLE_POWER_OF_2) // default
.bitmapConfig(Bitmap.Config.ARGB_8888) // default
.build();
imageLoader.displayImage("http://img3.imgtn.bdimg.com/it/u=2200166214,500725521&fm=27&gp=0.jpg",
imageView, options, new ImageLoadingListener() {
@Override
public void onLoadingStarted(String imageUri, View view) {
Log.d("sandy", "onLoadingStarted imageUri: " + imageUri);
}
@Override
public void onLoadingFailed(String imageUri, View view, FailReason failReason) {
Log.d("sandy", "onLoadingFailed imageUri: " + imageUri
+ " failReason: " + failReason);
}
@Override
public void onLoadingComplete(String imageUri, View view, Bitmap loadedImage) {
Log.d("sandy", "onLoadingComplete imageUri: " + imageUri);
}
@Override
public void onLoadingCancelled(String imageUri, View view) {
Log.d("sandy", "onLoadingCancelled imageUri: " + imageUri);
}
}, new ImageLoadingProgressListener(){
@Override
public void onProgressUpdate(String imageUri, View view, int current, int total) {
Log.d("sandy", "onProgressUpdate current: " + current + " total: " + total);
}
});
}DisplayImageOptions圖片展示參數(shù)，你可以不指定，也可以指定，表示一些展示的參數(shù)，比如默認(rèn)圖片(在網(wǎng)絡(luò)圖片還沒(méi)有加載出來(lái)之前顯示)，加載失敗圖片，是否從內(nèi)存加載，這些后面再分析，不涉及流程的分析。
所以繼續(xù)看ImageLoader.displayImage(xxx)方法
4.1 ImageLoader.displayImage
public void displayImage(String uri, ImageView imageView, DisplayImageOptions options,
ImageLoadingListener listener, ImageLoadingProgressListener progressListener) {
displayImage(uri, new ImageViewAware(imageView), options, listener, progressListener);
}
public void displayImage(String uri, ImageAware imageAware, DisplayImageOptions options,
ImageLoadingListener listener, ImageLoadingProgressListener progressListener) {
displayImage(uri, imageAware, options, null, listener, progressListener);
}
public void displayImage(String uri, ImageAware imageAware, DisplayImageOptions options,
ImageSize targetSize, ImageLoadingListener listener, ImageLoadingProgressListener progressListener) {
checkConfiguration();
if (imageAware == null) {
throw new IllegalArgumentException(ERROR_WRONG_ARGUMENTS);
}
if (listener == null) {
listener = defaultListener;
}
if (options == null) {
options = configuration.defaultDisplayImageOptions;
}
if (TextUtils.isEmpty(uri)) {
engine.cancelDisplayTaskFor(imageAware);
listener.onLoadingStarted(uri, imageAware.getWrappedView());
if (options.shouldShowImageForEmptyUri()) {
imageAware.setImageDrawable(options.getImageForEmptyUri(configuration.resources));
} else {
imageAware.setImageDrawable(null);
}
listener.onLoadingComplete(uri, imageAware.getWrappedView(), null);
return;
}
if (targetSize == null) {
targetSize = ImageSizeUtils.defineTargetSizeForView(imageAware, configuration.getMaxImageSize());
}
String memoryCacheKey = MemoryCacheUtils.generateKey(uri, targetSize);
engine.preparedisplayTaskFor(imageAware, memoryCacheKey);
listener.onLoadingStarted(uri, imageAware.getWrappedView());
Bitmap bmp = configuration.memoryCache.get(memoryCacheKey);
if (bmp != null && !bmp.isRecycled()) {
L.d(LOG_LOAD_IMAGE_FROM_MEMORY_CACHE, memoryCacheKey);
if (options.shouldPostProcess()) {
ImageLoadingInfo imageLoadingInfo = new ImageLoadingInfo(uri, imageAware, targetSize, memoryCacheKey,
options, listener, progressListener, engine.getLockForUri(uri));
ProcessAndDisplayImageTask displayTask = new ProcessAndDisplayImageTask(engine, bmp, imageLoadingInfo,
defineHandler(options));
if (options.isSyncLoading()) {
displayTask.run();
} else {
engine.submit(displayTask);
}
} else {
options.getDisplayer().display(bmp, imageAware, LoadedFrom.MEMORY_CACHE);
listener.onLoadingComplete(uri, imageAware.getWrappedView(), bmp);
}
} else {
if (options.shouldShowImageOnLoading()) {
imageAware.setImageDrawable(options.getImageOnLoading(configuration.resources));
} else if (options.isResetViewBeforeLoading()) {
imageAware.setImageDrawable(null);
}
ImageLoadingInfo imageLoadingInfo = new ImageLoadingInfo(uri, imageAware, targetSize, memoryCacheKey,
options, listener, progressListener, engine.getLockForUri(uri));
LoadAndDisplayImageTask displayTask = new LoadAndDisplayImageTask(engine, imageLoadingInfo,
defineHandler(options));
if (options.isSyncLoading()) {
displayTask.run();
} else {
engine.submit(displayTask);
}
}
}4.2 ImageViewAware
在displayImage的時(shí)候，會(huì)使用ImageView對(duì)象，初始化一個(gè)ImageViewAware對(duì)象。
new ImageViewAware(imageView)ImageViewAware的繼承關(guān)系如下:
里面主要是做了一個(gè)View的弱引用，可以訪問(wèn)傳入的ImageView的一些屬性，比如高度寬度，設(shè)置顯示圖片等等。
protected Reference<View> viewRef;之所以搞出一個(gè)ImageViewAware，是因?yàn)镮mageLoader想方便操作傳入的ImageView對(duì)象。
下面來(lái)看displayImage(xx)里面具體的內(nèi)容
4.3 displayImage條件判斷
public void displayImage(String uri, ImageAware imageAware, DisplayImageOptions options,
ImageSize targetSize, ImageLoadingListener listener, ImageLoadingProgressListener progressListener) {
checkConfiguration();
if (imageAware == null) {
throw new IllegalArgumentException(ERROR_WRONG_ARGUMENTS);
}
if (listener == null) {
listener = defaultListener;
}
if (options == null) {
options = configuration.defaultDisplayImageOptions;
}
...
}
private void checkConfiguration() {
if (configuration == null) {
throw new IllegalStateException(ERROR_NOT_INIT);
}
}首先會(huì)檢查configuration，checkConfiguration，如果configuration==null，那么就會(huì)報(bào)錯(cuò)。也就是說(shuō)如果沒(méi)有調(diào)用之前我們說(shuō)的ImageLoader.init()，初始化如下.
public synchronized void init(ImageLoaderConfiguration configuration) {
if (configuration == null) {
throw new IllegalArgumentException(ERROR_INIT_CONFIG_WITH_NULL);
}
if (this.configuration == null) {
L.d(LOG_INIT_CONFIG);
engine = new ImageLoaderEngine(configuration);
this.configuration = configuration;
} else {
L.w(WARNING_RE_INIT_CONFIG);
}
}然后imageAware是否null，如果null，那么就報(bào)錯(cuò)
接著檢查，listener， options是否為null，如果是null，那么設(shè)置為default值。
繼續(xù)往下面看代碼
4.4 加載空?qǐng)D片地址
如果傳入的圖片地址是null，那么將走下面的的分支
if (TextUtils.isEmpty(uri)) {
engine.cancelDisplayTaskFor(imageAware);
listener.onLoadingStarted(uri, imageAware.getWrappedView());
if (options.shouldShowImageForEmptyUri()) {
imageAware.setImageDrawable(options.getImageForEmptyUri(configuration.resources));
} else {
imageAware.setImageDrawable(null);
}
listener.onLoadingComplete(uri, imageAware.getWrappedView(), null);
return;
}上面這段代碼做了下面幾件事
- 清空engine里面取消對(duì)這個(gè)ImageAware的緩存
- 調(diào)用listener.onLoadingStarted，如果你傳入了listener，那么這個(gè)時(shí)候就會(huì)回調(diào)。
- 判斷options里面是否有為空時(shí)候的圖片，如果有，那么就把ImageView設(shè)置這張圖片
- 如果沒(méi)有設(shè)置為空時(shí)候的圖片，那么ImageView設(shè)置圖片為null.
- 然后調(diào)用listener.onLoadingComplete方法
4.5 初始化ImageSize
if (targetSize == null) {
targetSize = ImageSizeUtils.defineTargetSizeForView(imageAware, configuration.getMaxImageSize());
}
public static ImageSize defineTargetSizeForView(ImageAware imageAware, ImageSize maxImageSize) {
int width = imageAware.getWidth();
if (width <= 0) width = maxImageSize.getWidth();
int height = imageAware.getHeight();
if (height <= 0) height = maxImageSize.getHeight();
return new ImageSize(width, height);
}根據(jù)傳入的ImageView獲取高度和寬度，如果沒(méi)有寬度和高度，就用最大的寬度和高度。
4.6 獲取Image Memory key
private static final String URI_AND_SIZE_SEPARATOR = "_";
private static final String WIDTH_AND_HEIGHT_SEPARATOR = "x";
String memoryCacheKey = MemoryCacheUtils.generateKey(uri, targetSize);
public static String generateKey(String imageUri, ImageSize targetSize) {
return new StringBuilder(imageUri).append(URI_AND_SIZE_SEPARATOR).append(targetSize.getWidth()).append(WIDTH_AND_HEIGHT_SEPARATOR).append(targetSize.getHeight()).toString();
}產(chǎn)生Image Key的方式是: 圖片URL_圖片寬度x圖片高度
4.7 緩存ImageAware和Image Memory Key
engine.prepareDisplayTaskFor(imageAware, memoryCacheKey);
void prepareDisplayTaskFor(ImageAware imageAware, String memoryCacheKey) {
cacheKeysForImageAwares.put(imageAware.getId(), memoryCacheKey);
}4.8 通知Listener回調(diào)onLoadingStarted
listener.onLoadingStarted(uri, imageAware.getWrappedView());4.9 根據(jù)Memory Key從緩存里面獲取圖片
Bitmap bmp = configuration.memoryCache.get(memoryCacheKey);
final MemoryCache memoryCache;
public interface MemoryCache {
/**
* Puts value into cache by key
*
* @return <b>true</b> - if value was put into cache successfully, <b>false</b> - if value was <b>not</b> put into
* cache
*/
boolean put(String key, Bitmap value);
/** Returns value by key. If there is no value for key then null will be returned. */
Bitmap get(String key);
/** Removes item by key */
Bitmap remove(String key);
/** Returns all keys of cache */
Collection<String> keys();
/** Remove all items from cache */
void clear();
}MemoryCache是圖片內(nèi)存緩存的一個(gè)接口，包括多種實(shí)現(xiàn)機(jī)制，比如Lru, FIFO, LargestLimited等，如下圖:
具體緩存算法可以后續(xù)分析
4.10 從內(nèi)存中獲取到圖片
if (bmp != null && !bmp.isRecycled()) {
L.d(LOG_LOAD_IMAGE_FROM_MEMORY_CACHE, memoryCacheKey);
if (options.shouldPostProcess()) {
ImageLoadingInfo imageLoadingInfo = new ImageLoadingInfo(uri, imageAware, targetSize, memoryCacheKey,
options, listener, progressListener, engine.getLockForUri(uri));
ProcessAndDisplayImageTask displayTask = new ProcessAndDisplayImageTask(engine, bmp, imageLoadingInfo,
defineHandler(options));
if (options.isSyncLoading()) {
displayTask.run();
} else {
engine.submit(displayTask);
}
} else {
options.getDisplayer().display(bmp, imageAware, LoadedFrom.MEMORY_CACHE);
listener.onLoadingComplete(uri, imageAware.getWrappedView(), bmp);
}
} 如果從內(nèi)存里面獲取到了圖片，那么就準(zhǔn)備顯示，又分成兩種情況，看業(yè)務(wù)需不需要重新處理圖片，如果圖片顯示選項(xiàng)設(shè)置了shouldPostProcess，就像
DisplayImageOptions options = new DisplayImageOptions.Builder()
.postProcessor(new BitmapProcessor() {
@Override
public Bitmap process(Bitmap bitmap) {
Log.d("sandy", "process bitmap...");
return bitmap;
}
})那么就產(chǎn)生一個(gè)ProcessAndDisplayImageTask
final class ProcessAndDisplayImageTask implements Runnable {
...
@Override
public void run() {
L.d(LOG_POSTPROCESS_IMAGE, imageLoadingInfo.memoryCacheKey);
//獲取圖片顯示選項(xiàng)中的processor對(duì)象
BitmapProcessor processor = imageLoadingInfo.options.getPostProcessor();
//回調(diào)processor.process來(lái)處理圖片
Bitmap processedBitmap = processor.process(bitmap);
DisplayBitmapTask displayBitmapTask = new DisplayBitmapTask(processedBitmap, imageLoadingInfo, engine,
LoadedFrom.MEMORY_CACHE);
LoadAndDisplayImageTask.runTask(displayBitmapTask, imageLoadingInfo.options.isSyncLoading(), handler, engine);
}
} 在ProcessAndDisplayImageTask里面首先獲取到BitmapProcessor
BitmapProcessor processor = imageLoadingInfo.options.getPostProcessor();然后回調(diào)processor.process方法()
Bitmap processedBitmap = processor.process(bitmap);然后新建一個(gè)DisplayBitmapTask對(duì)象，用來(lái)顯示圖片和回調(diào)listener的回調(diào)方法，如下:
final class DisplayBitmapTask implements Runnable {
@Override
public void run() {
if (imageAware.isCollected()) {
L.d(LOG_TASK_CANCELLED_IMAGEAWARE_COLLECTED, memoryCacheKey);
listener.onLoadingCancelled(imageUri, imageAware.getWrappedView());
} else if (isViewWasReused()) {
L.d(LOG_TASK_CANCELLED_IMAGEAWARE_REUSED, memoryCacheKey);
listener.onLoadingCancelled(imageUri, imageAware.getWrappedView());
} else {
L.d(LOG_DISPLAY_IMAGE_IN_IMAGEAWARE, loadedFrom, memoryCacheKey);
displayer.display(bitmap, imageAware, loadedFrom);
engine.cancelDisplayTaskFor(imageAware);
listener.onLoadingComplete(imageUri, imageAware.getWrappedView(), bitmap);
}
}
}那如果使用者不需要自己另外處理圖片，那么就直接顯示好了。
if (options.shouldPostProcess()) {
...
} else {
options.getDisplayer().display(bmp, imageAware, LoadedFrom.MEMORY_CACHE);
listener.onLoadingComplete(uri, imageAware.getWrappedView(), bmp);
}4.11 內(nèi)存中沒(méi)有圖片
如果內(nèi)存中沒(méi)有獲取到圖片，比如第一次加載圖片，那該怎么辦呢？
if (bmp != null && !bmp.isRecycled()) {
...
} else {
if (options.shouldShowImageOnLoading()) {
imageAware.setImageDrawable(options.getImageOnLoading(configuration.resources));
} else if (options.isResetViewBeforeLoading()) {
imageAware.setImageDrawable(null);
}
ImageLoadingInfo imageLoadingInfo = new ImageLoadingInfo(uri, imageAware, targetSize, memoryCacheKey,
options, listener, progressListener, engine.getLockForUri(uri));
LoadAndDisplayImageTask displayTask = new LoadAndDisplayImageTask(engine, imageLoadingInfo,
defineHandler(options));
if (options.isSyncLoading()) {
displayTask.run();
} else {
engine.submit(displayTask);
}
}- 先判斷是否需要在加載圖片的過(guò)程中，顯示loading圖片，如果是，那么先顯示loading圖片。
- 如果需要在加載前先清空?qǐng)D片，那么就把ImageView顯示圖片設(shè)置成null。
- 然后封裝出一個(gè)ImageLoadingInfo對(duì)象，因?yàn)橐僮鞯膶傩允窃谟悬c(diǎn)多。
- 然后封裝出一個(gè)LoadAndDisplayImageTask對(duì)象，接下來(lái)所有的邏輯就封裝在LoadAndDisplayImageTask對(duì)象里面，我們重點(diǎn)看LoadAndDisplayImageTask的實(shí)現(xiàn)。
4.12 LoadAndDisplayImageTask加載和顯示圖片
final class LoadAndDisplayImageTask implements Runnable, IoUtils.CopyListener {
@Override
public void run() {
if (waitIfPaused()) return;
if (delayIfNeed()) return;
ReentrantLock loadFromUriLock = imageLoadingInfo.loadFromUriLock;
L.d(LOG_START_DISPLAY_IMAGE_TASK, memoryCacheKey);
if (loadFromUriLock.isLocked()) {
L.d(LOG_WAITING_FOR_IMAGE_LOADED, memoryCacheKey);
}
loadFromUriLock.lock();
Bitmap bmp;
try {
checkTaskNotActual();
bmp = configuration.memoryCache.get(memoryCacheKey);
if (bmp == null || bmp.isRecycled()) {
bmp = tryLoadBitmap();
if (bmp == null) return; // listener callback already was fired
checkTaskNotActual();
checkTaskInterrupted();
if (options.shouldPreProcess()) {
L.d(LOG_PREPROCESS_IMAGE, memoryCacheKey);
bmp = options.getPreProcessor().process(bmp);
if (bmp == null) {
L.e(ERROR_PRE_PROCESSOR_NULL, memoryCacheKey);
}
}
if (bmp != null && options.isCacheInMemory()) {
L.d(LOG_CACHE_IMAGE_IN_MEMORY, memoryCacheKey);
configuration.memoryCache.put(memoryCacheKey, bmp);
}
} else {
loadedFrom = LoadedFrom.MEMORY_CACHE;
L.d(LOG_GET_IMAGE_FROM_MEMORY_CACHE_AFTER_WAITING, memoryCacheKey);
}
if (bmp != null && options.shouldPostProcess()) {
L.d(LOG_POSTPROCESS_IMAGE, memoryCacheKey);
bmp = options.getPostProcessor().process(bmp);
if (bmp == null) {
L.e(ERROR_POST_PROCESSOR_NULL, memoryCacheKey);
}
}
checkTaskNotActual();
checkTaskInterrupted();
} catch (TaskCancelledException e) {
fireCancelEvent();
return;
} finally {
loadFromUriLock.unlock();
}
DisplayBitmapTask displayBitmapTask = new DisplayBitmapTask(bmp, imageLoadingInfo, engine, loadedFrom);
runTask(displayBitmapTask, syncLoading, handler, engine);
}
}4.12.1 首先判斷waitIfPaused，engine是否在暫停狀態(tài)，如果是，那么就直接return了。
if (waitIfPaused()) return;4.12.2 然后根據(jù)圖片顯示參數(shù)里面判斷這次請(qǐng)求是否需要延遲，如果是，那么就延遲指定的時(shí)間。
if (delayIfNeed()) return;
private boolean delayIfNeed() {
if (options.shouldDelayBeforeLoading()) {
L.d(LOG_DELAY_BEFORE_LOADING, options.getDelayBeforeLoading(), memoryCacheKey);
try {
Thread.sleep(options.getDelayBeforeLoading());
} catch (InterruptedException e) {
L.e(LOG_TASK_INTERRUPTED, memoryCacheKey);
return true;
}
return isTaskNotActual();
}
return false;
}4.12.3 根據(jù)Uri進(jìn)行鎖操作
loadFromUriLock.lock();loadFromUriLock是ImageLoader里面和uri關(guān)聯(lián)的，所以這里鎖的話意味著同一個(gè)uri,一個(gè)時(shí)間只能有一個(gè)請(qǐng)求。
ReentrantLock getLockForUri(String uri) {
ReentrantLock lock = uriLocks.get(uri);
if (lock == null) {
lock = new ReentrantLock();
uriLocks.put(uri, lock);
}
return lock;
}4.12.4 檢查ImageView是否被回收
try {
checkTaskNotActual();
...
} catch (TaskCancelledException e) {
fireCancelEvent();
return;
} finally {
loadFromUriLock.unlock();
}
private void checkTaskNotActual() throws TaskCancelledException {
checkViewCollected();
checkViewReused();
}如果ImageView已經(jīng)被回收，那就沒(méi)必要去請(qǐng)求圖片加載了，直接拋異常，然后catch住，結(jié)束task任務(wù)
private void checkViewCollected() throws TaskCancelledException {
if (isViewCollected()) {
throw new TaskCancelledException();//會(huì)被上面的catch捕獲
}
}4.12.5 再次從內(nèi)存里面讀取圖片
bmp = configuration.memoryCache.get(memoryCacheKey);那為什么需要再次從內(nèi)存里面讀取圖片呢，還記得上面這個(gè)鎖嗎？如果是同一個(gè)url，發(fā)起兩個(gè)請(qǐng)求，那么就會(huì)鎖住一個(gè)，第二個(gè)請(qǐng)求形成等待，在等待完成后，那么正常的話就會(huì)從內(nèi)存里面讀取到圖片，不要從網(wǎng)絡(luò)上再次請(qǐng)求。
4.12.6 從內(nèi)存中成功獲取到圖片
if (bmp == null || bmp.isRecycled()) {
...
} else {
loadedFrom = LoadedFrom.MEMORY_CACHE;
L.d(LOG_GET_IMAGE_FROM_MEMORY_CACHE_AFTER_WAITING, memoryCacheKey);
}我們先不分析if分支，if分支是從內(nèi)存中沒(méi)有獲取到圖片，先看else
else里面沒(méi)有做什么事情，只是簡(jiǎn)單的打印了一下日志(經(jīng)過(guò)等待從內(nèi)存中獲取圖片成功)，然后把獲取的類型設(shè)置成LoadedFrom.MEMORY_CACHE。
LoadedFrom包括3種類型，網(wǎng)絡(luò)，磁盤，內(nèi)存?？梢詤⒖嘉恼伦铋_始的概念介紹。
4.12.7 如果從內(nèi)存中沒(méi)有獲取圖片
如果從內(nèi)存里面沒(méi)有獲取到圖片，那就走if分支，也就是bmp == null || bmp.isRecycled()
if (bmp == null || bmp.isRecycled()) {
bmp = tryLoadBitmap();
if (bmp == null) return; // listener callback already was fired
checkTaskNotActual();
checkTaskInterrupted();
if (options.shouldPreProcess()) {
L.d(LOG_PREPROCESS_IMAGE, memoryCacheKey);
bmp = options.getPreProcessor().process(bmp);
if (bmp == null) {
L.e(ERROR_PRE_PROCESSOR_NULL, memoryCacheKey);
}
}
if (bmp != null && options.isCacheInMemory()) {
L.d(LOG_CACHE_IMAGE_IN_MEMORY, memoryCacheKey);
configuration.memoryCache.put(memoryCacheKey, bmp);
}
} else {
...
}首先就會(huì)看到 bmp = tryLoadBitmap(); 嘗試獲取Bitmap，這個(gè)方法包含的東西很多，我們可以待會(huì)再講。我們先看if分支后面的邏輯。
如果沒(méi)有獲取到bmp，比如指定的Uri是錯(cuò)誤，那么就直接返回。
接下來(lái)繼續(xù)判斷ImageView是否被回收以及線程是否被中斷，如果都通過(guò)之后，那么就判斷是否需要處理圖片，如果需要，那么就回調(diào)processor.process(bmp)來(lái)處理圖片。
bmp = options.getPreProcessor().process(bmp);最后，判斷bmp != null以及是否需要存入內(nèi)存(調(diào)用的地方可以設(shè)置是否需要存入內(nèi)存)，如果需要的話(一般都需要)，那么就會(huì)存入內(nèi)存緩存。
存入內(nèi)存緩存后，那么下次就可以從內(nèi)存中獲取了圖片了。
那接下來(lái)分析tryLoadBitmap()
4.12.8 tryLoadBitmap
先來(lái)大概說(shuō)下思路，首先會(huì)去磁盤上獲取圖片，如果沒(méi)有則從網(wǎng)絡(luò)獲取，獲取完畢后，會(huì)存入磁盤，下面來(lái)看代碼。
private Bitmap tryLoadBitmap() throws TaskCancelledException {
Bitmap bitmap = null;
try {
File imageFile = configuration.diskCache.get(uri);
if (imageFile != null && imageFile.exists() && imageFile.length() > 0) {
L.d(LOG_LOAD_IMAGE_FROM_DISK_CACHE, memoryCacheKey);
loadedFrom = LoadedFrom.DISC_CACHE;
checkTaskNotActual();
bitmap = decodeImage(Scheme.FILE.wrap(imageFile.getAbsolutePath()));
}
if (bitmap == null || bitmap.getWidth() <= 0 || bitmap.getHeight() <= 0) {
L.d(LOG_LOAD_IMAGE_FROM_NETWORK, memoryCacheKey);
loadedFrom = LoadedFrom.NETWORK;
String imageUriForDecoding = uri;
if (options.isCacheOnDisk() && tryCacheImageOnDisk()) {
imageFile = configuration.diskCache.get(uri);
if (imageFile != null) {
imageUriForDecoding = Scheme.FILE.wrap(imageFile.getAbsolutePath());
}
}
checkTaskNotActual();
bitmap = decodeImage(imageUriForDecoding);
if (bitmap == null || bitmap.getWidth() <= 0 || bitmap.getHeight() <= 0) {
fireFailEvent(FailType.DECODING_ERROR, null);
}
}
} catch (IllegalStateException e) {
fireFailEvent(FailType.NETWORK_DENIED, null);
} catch (TaskCancelledException e) {
throw e;
} catch (IOException e) {
L.e(e);
fireFailEvent(FailType.IO_ERROR, e);
} catch (OutOfMemoryError e) {
L.e(e);
fireFailEvent(FailType.OUT_OF_MEMORY, e);
} catch (Throwable e) {
L.e(e);
fireFailEvent(FailType.UNKNOWN, e);
}
return bitmap;
}首先是嘗試從磁盤獲取
File imageFile = configuration.diskCache.get(uri);如果獲取到了，那么讀取這個(gè)文件，讀出Bitmap，同時(shí)把類型標(biāo)記成從磁盤讀取。
if (imageFile != null && imageFile.exists() && imageFile.length() > 0) {
L.d(LOG_LOAD_IMAGE_FROM_DISK_CACHE, memoryCacheKey);
loadedFrom = LoadedFrom.DISC_CACHE;
checkTaskNotActual();
bitmap = decodeImage(Scheme.FILE.wrap(imageFile.getAbsolutePath()));
}如果從磁盤上面獲取是失敗，獲取磁盤上面沒(méi)有這個(gè)文件，那么bitmap == null
于是，就會(huì)從網(wǎng)絡(luò)上嘗試獲取圖片，如下：
if (bitmap == null || bitmap.getWidth() <= 0 || bitmap.getHeight() <= 0) {
L.d(LOG_LOAD_IMAGE_FROM_NETWORK, memoryCacheKey);
loadedFrom = LoadedFrom.NETWORK;
String imageUriForDecoding = uri;
if (options.isCacheOnDisk() && tryCacheImageOnDisk()) {
imageFile = configuration.diskCache.get(uri);
if (imageFile != null) {
imageUriForDecoding = Scheme.FILE.wrap(imageFile.getAbsolutePath());
}
}
checkTaskNotActual();
bitmap = decodeImage(imageUriForDecoding);
if (bitmap == null || bitmap.getWidth() <= 0 || bitmap.getHeight() <= 0) {
fireFailEvent(FailType.DECODING_ERROR, null);
}
}- 先把類型設(shè)置成網(wǎng)絡(luò)獲取 loadedFrom = LoadedFrom.NETWORK;
- 然后嘗試從網(wǎng)絡(luò)獲取圖片并緩存圖片到磁盤上-tryCacheImageOnDisk，對(duì)于這個(gè)方法的名稱持保守態(tài)度，怪怪的。
- 然后解析出bitmap
bitmap = decodeImage(imageUriForDecoding);
4.12.9 tryCacheImageOnDisk下載圖片并存入磁盤
/** @return <b>true</b> - if image was downloaded successfully; <b>false</b> - otherwise */
private boolean tryCacheImageOnDisk() throws TaskCancelledException {
L.d(LOG_CACHE_IMAGE_ON_DISK, memoryCacheKey);
boolean loaded;
try {
loaded = downloadImage();
if (loaded) {
int width = configuration.maxImageWidthForDiskCache;
int height = configuration.maxImageHeightForDiskCache;
if (width > 0 || height > 0) {
L.d(LOG_RESIZE_CACHED_IMAGE_FILE, memoryCacheKey);
resizeAndSaveImage(width, height); // TODO : process boolean result
}
}
} catch (IOException e) {
L.e(e);
loaded = false;
}
return loaded;
}
private boolean downloadImage() throws IOException {
InputStream is = getDownloader().getStream(uri, options.getExtraForDownloader());
if (is == null) {
L.e(ERROR_NO_IMAGE_STREAM, memoryCacheKey);
return false;
} else {
try {
return configuration.diskCache.save(uri, is, this);
} finally {
IoUtils.closeSilently(is);
}
}
}- 首先從網(wǎng)絡(luò)下載圖片downloadImage
- 把圖片存入磁盤resizeAndSaveImage(width, height);
那從網(wǎng)絡(luò)下載圖片并存入磁盤和內(nèi)存的代碼就分析完了，最后回到上面LoadAndDisplayImageTask.run方法，看看后面的代碼。
4.13 給調(diào)用者處理圖片
if (bmp != null && options.shouldPostProcess()) {
L.d(LOG_POSTPROCESS_IMAGE, memoryCacheKey);
bmp = options.getPostProcessor().process(bmp);
if (bmp == null) {
L.e(ERROR_POST_PROCESSOR_NULL, memoryCacheKey);
}
}圖片已經(jīng)拿到了，所以如果需要回調(diào)處理圖片的話，現(xiàn)在回調(diào)一次。
4.14 顯示圖片
DisplayBitmapTask displayBitmapTask = new DisplayBitmapTask(bmp, imageLoadingInfo, engine, loadedFrom);
runTask(displayBitmapTask, syncLoading, handler, engine);創(chuàng)建了一個(gè) DisplayBitmapTask來(lái)顯示圖片
final class DisplayBitmapTask implements Runnable {
private final BitmapDisplayer displayer;
...
@Override
public void run() {
if (imageAware.isCollected()) {
L.d(LOG_TASK_CANCELLED_IMAGEAWARE_COLLECTED, memoryCacheKey);
listener.onLoadingCancelled(imageUri, imageAware.getWrappedView());
} else if (isViewWasReused()) {
L.d(LOG_TASK_CANCELLED_IMAGEAWARE_REUSED, memoryCacheKey);
listener.onLoadingCancelled(imageUri, imageAware.getWrappedView());
} else {
L.d(LOG_DISPLAY_IMAGE_IN_IMAGEAWARE, loadedFrom, memoryCacheKey);
displayer.display(bitmap, imageAware, loadedFrom);
engine.cancelDisplayTaskFor(imageAware);
listener.onLoadingComplete(imageUri, imageAware.getWrappedView(), bitmap);
}
}
} 顯示圖片的時(shí)候又封裝了一個(gè)displayer, displayer封裝了圖片顯示的效果，比如圓角之類的 。
本文標(biāo)題：62.ImageLoader源代碼-流程分析
當(dāng)前路徑：http://jinyejixie.com/article14/ppepge.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、Google、全網(wǎng)營(yíng)銷推廣、做網(wǎng)站、服務(wù)器托管、網(wǎng)站排名
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)
- 網(wǎng)站優(yōu)化之代碼標(biāo)簽優(yōu)化 2022-05-27
- 網(wǎng)站seo中title標(biāo)簽優(yōu)化技巧 2021-06-14
- SEO標(biāo)簽優(yōu)化,網(wǎng)站流量快速提升！ 2023-04-04
- 如何利用索引標(biāo)簽優(yōu)化實(shí)現(xiàn)扁平網(wǎng)站結(jié)構(gòu)？ 2016-12-08
- 關(guān)于網(wǎng)站標(biāo)簽優(yōu)化你了解多少 2021-09-02
- 網(wǎng)站標(biāo)簽優(yōu)化-關(guān)于H標(biāo)簽的優(yōu)化策略 2016-11-10
- 成都SEO教你在SEO中運(yùn)用網(wǎng)站META標(biāo)簽優(yōu)化 2023-04-17
- 網(wǎng)站META標(biāo)簽優(yōu)化 2023-04-03
- 搜索引擎推廣怎樣巧妙地運(yùn)用標(biāo)簽優(yōu)化網(wǎng)站？ 2023-04-24
- 煙臺(tái)網(wǎng)站排名利用TAG標(biāo)簽優(yōu)化聚合頁(yè)要害字的要容 2023-02-06
- 網(wǎng)站Tags標(biāo)簽優(yōu)化的幾大技巧 2022-06-08
- 做好TAG標(biāo)簽優(yōu)化,讓更多長(zhǎng)尾關(guān)鍵詞獲取排名! 2016-11-07