Android UI-开源框架ImageLoader的完美例子

红太狼 2022-08-02 00:09 150阅读 0赞

2013年8月19日  开源框架之Universal\_Image\_Loader学习

很多人都在讨论如何让图片能在异步加载更加流畅，可以显示大量图片，在拖动ListView的时候不会出现卡的现象。关于ImageLoader这个开源框架的使用有很多网友都介绍过，不过还不够清楚，这里有一个关于这个开源项目的完美例子，ListView的图片加载、GridView的图片加载、ViewPager的图片加载、Gallery画廊的图片加载、Widget的使用。很完善的一个例子，在这里我把所有界面效果做出博客分享出来，需要源码的朋友到我的资源页下载

下载地址：[http://download.csdn.net/detail/wwj\_748/5975847][http_download.csdn.net_detail_wwj_748_5975847]

要使用ImageLoader就要到这里下载jar包：

[https://github.com/nostra13/Android-Universal-Image-Loader][https_github.com_nostra13_Android-Universal-Image-Loader]

然后导入项目中去就行了

项目文档结构图：

![20130819181952171][]

从界面说起，界面本身是没什么好说的，就是如何在xml当中进行定义罢了

有以下这么多个布局文件

![20130819182217484][]

一个一个来看呗

首先是这样的效果

![20130819182259359][]

这个在Android4.2.2比较好看，在Android2.3.3就显得比较挫。

/2013.8.19\_Universal\_Image\_Loader\_Demo/res/layout/**ac\_home.xml**

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<?****xml** version="1.0" encoding="utf-8"**?>**  
2.  **<****ScrollView** xmlns:android="http://schemas.android.com/apk/res/android"  
3.      android:layout\_width="fill\_parent"  
4.      android:layout\_height="fill\_parent" **>**  
5.    
6.      **<****LinearLayout**  
7.          android:layout\_width="fill\_parent"  
8.          android:layout\_height="fill\_parent"  
9.          android:orientation="vertical" **>**  
10.   
11.         **<****TextView**  
12.             android:layout\_width="fill\_parent"  
13.             android:layout\_height="wrap\_content"  
14.             android:gravity="center"  
15.             android:paddingBottom="10dip"  
16.             android:paddingTop="20dip"  
17.             android:text="@string/label\_activity\_examples"  
18.             android:textSize="24sp" **/>**  
19.   
20.         **<****Button**  
21.             android:layout\_width="fill\_parent"  
22.             android:layout\_height="wrap\_content"  
23.             android:layout\_margin="10dip"  
24.             android:onClick="onImageListClick"  
25.             android:text="@string/button\_image\_list" **/>**  
26.   
27.         **<****Button**  
28.             android:layout\_width="fill\_parent"  
29.             android:layout\_height="wrap\_content"  
30.             android:layout\_margin="10dip"  
31.             android:onClick="onImageGridClick"  
32.             android:text="@string/button\_image\_grid" **/>**  
33.   
34.         **<****Button**  
35.             android:layout\_width="fill\_parent"  
36.             android:layout\_height="wrap\_content"  
37.             android:layout\_margin="10dip"  
38.             android:onClick="onImagePagerClick"  
39.             android:text="@string/button\_image\_pager" **/>**  
40.   
41.         **<****Button**  
42.             android:layout\_width="fill\_parent"  
43.             android:layout\_height="wrap\_content"  
44.             android:layout\_margin="10dip"  
45.             android:onClick="onImageGalleryClick"  
46.             android:text="@string/button\_image\_gallery" **/>**  
47.     **</****LinearLayout****>**  
48.   
49. **</****ScrollView****>**

**列表异步加载图片效果**

![20130819182731453][]

/2013.8.19\_Universal\_Image\_Loader\_Demo/res/layout/**ac\_image\_list.xml**

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<?****xml** version="1.0" encoding="utf-8"**?>**  
2.  **<****ListView** xmlns:android="http://schemas.android.com/apk/res/android"  
3.      android:id="@android:id/list"  
4.      android:layout\_width="fill\_parent"  
5.      android:layout\_height="fill\_parent" **/>**

/2013.8.19\_Universal\_Image\_Loader\_Demo/res/layout/ **item\_list\_image.xml**

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<?****xml** version="1.0" encoding="utf-8"**?>**  
2.  **<****LinearLayout** xmlns:android="http://schemas.android.com/apk/res/android"  
3.      android:layout\_width="fill\_parent"  
4.      android:layout\_height="wrap\_content" **>**  
5.    
6.      **<****ImageView**  
7.          android:id="@+id/image"  
8.          android:layout\_width="72dip"  
9.          android:layout\_height="72dip"  
10.         android:layout\_margin="3dip"  
11.         android:adjustViewBounds="true"  
12.         android:contentDescription="@string/descr\_image"  
13.         android:scaleType="centerCrop" **/>**  
14.   
15.     **<****TextView**  
16.         android:id="@+id/text"  
17.         android:layout\_width="fill\_parent"  
18.         android:layout\_height="wrap\_content"  
19.         android:layout\_gravity="left|center\_vertical"  
20.         android:layout\_marginLeft="20dip"  
21.         android:textSize="22sp" **/>**  
22.   
23. **</****LinearLayout****>**

**GridView异步加载图片显示**

![20130819182855109][]

/2013.8.19\_Universal\_Image\_Loader\_Demo/res/layout/**ac\_image\_grid.xml**

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<?****xml** version="1.0" encoding="utf-8"**?>**  
2.  **<****GridView** xmlns:android="http://schemas.android.com/apk/res/android"  
3.      android:id="@+id/gridview"  
4.      android:layout\_width="fill\_parent"  
5.      android:layout\_height="fill\_parent"  
6.      android:gravity="center"  
7.      android:horizontalSpacing="4dip"  
8.      android:numColumns="3"  
9.      android:stretchMode="columnWidth"  
10.     android:verticalSpacing="4dip"  
11.     android:padding="4dip" **/>**

/2013.8.19\_Universal\_Image\_Loader\_Demo/res/layout/**item\_grid\_image.xml**

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<?****xml** version="1.0" encoding="utf-8"**?>**  
2.  **<****ImageView** xmlns:android="http://schemas.android.com/apk/res/android"  
3.      android:id="@+id/image"  
4.      android:layout\_width="fill\_parent"  
5.      android:layout\_height="120dip"  
6.      android:adjustViewBounds="true"  
7.      android:contentDescription="@string/descr\_image"  
8.      android:scaleType="centerCrop" **/>**

**ViewPager异步加载图片显示**

**![20130819191032156][]**

**/2013.8.19\_Universal\_Image\_Loader\_Demo/res/layout/ac\_image\_pager.xml**

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<?****xml** version="1.0" encoding="utf-8"**?>**  
2.  **<****android.support.v4.view.ViewPager** xmlns:android="http://schemas.android.com/apk/res/android"  
3.      android:id="@+id/pager"  
4.      android:layout\_width="fill\_parent"  
5.      android:layout\_height="fill\_parent" **/>**

/2013.8.19\_Universal\_Image\_Loader\_Demo/res/layout/ **item\_pager\_image.xml**

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<?****xml** version="1.0" encoding="utf-8"**?>**  
2.  **<****FrameLayout** xmlns:android="http://schemas.android.com/apk/res/android"  
3.      android:layout\_width="fill\_parent"  
4.      android:layout\_height="fill\_parent"  
5.      android:padding="1dip" **>**  
6.    
7.      **<****ImageView**  
8.          android:id="@+id/image"  
9.          android:layout\_width="wrap\_content"  
10.         android:layout\_height="wrap\_content"  
11.         android:layout\_gravity="center"  
12.         android:adjustViewBounds="true"  
13.         android:contentDescription="@string/descr\_image" **/>**  
14.   
15.     **<****ProgressBar**  
16.         android:id="@+id/loading"  
17.         android:layout\_width="wrap\_content"  
18.         android:layout\_height="wrap\_content"  
19.         android:layout\_gravity="center"  
20.         android:visibility="gone" **/>**  
21.   
22. **</****FrameLayout****>**

**Gallery画廊异步加载图片显示**

**![20130819191327671][]**

**/2013.8.19\_Universal\_Image\_Loader\_Demo/res/layout/ac\_image\_gallery.xml**

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<?****xml** version="1.0" encoding="utf-8"**?>**  
2.  **<****Gallery** xmlns:android="http://schemas.android.com/apk/res/android"  
3.      android:id="@+id/gallery"  
4.      android:layout\_width="fill\_parent"  
5.      android:layout\_height="wrap\_content"  
6.      android:layout\_gravity="center\_vertical"  
7.      android:spacing="1dip" **/>**

/2013.8.19\_Universal\_Image\_Loader\_Demo/res/layout/**item\_gallery\_image.xml**

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<?****xml** version="1.0" encoding="utf-8"**?>**  
2.  **<****ImageView** xmlns:android="http://schemas.android.com/apk/res/android"  
3.      android:id="@+id/image"  
4.      android:layout\_width="120dip"  
5.      android:layout\_height="120dip"  
6.      android:layout\_gravity="center"  
7.      android:adjustViewBounds="true"  
8.      android:contentDescription="@string/descr\_image"  
9.      android:scaleType="centerCrop" **/>**

还有一个就是桌面小部件

![20130819191418468][]![20130819191433734][]

以上只是布局文件，没有什么可以说，具体Activity代码实现如下：

先是这个：

/2013.8.19\_Universal\_Image\_Loader\_Demo/src/com/nostra13/example/universalimageloader/**HomeActivity.java**

**主界面Activity代码**

**\[java\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

/2013.8.19\_Universal\_Image\_Loader\_Demo/src/com/nostra13/example/universalimageloader/ **BaseActivity.java**

**\[java\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

/2013.8.19\_Universal\_Image\_Loader\_Demo/src/com/nostra13/example/universalimageloader/**AbsListViewBaseActivity.java**

**\[java\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

/2013.8.19\_Universal\_Image\_Loader\_Demo/src/com/nostra13/example/universalimageloader/**Constants.java**

**常量类代码**

**\[java\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  /\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* 
2.   \* Copyright 2011-2013 Sergey Tarasevich 
3.   \* 
4.   \* Licensed under the Apache License, Version 2.0 (the "License"); 
5.   \* you may not use this file except in compliance with the License. 
6.   \* You may obtain a copy of the License at 
7.   \* 
8.   \* http://www.apache.org/licenses/LICENSE-2.0 
9.   \* 
10.  \* Unless required by applicable law or agreed to in writing, software 
11.  \* distributed under the License is distributed on an "AS IS" BASIS, 
12.  \* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
13.  \* See the License for the specific language governing permissions and 
14.  \* limitations under the License. 
15.  \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/  
16. **package** com.nostra13.example.universalimageloader;  
17.   
18. /\*\* 
19.  \* @author Sergey Tarasevich (nostra13\[at\]gmail\[dot\]com) 
20.  \* 常量类 
21.  \*/  
22. **public** **final** **class** Constants \{  
23.   
24.     // 一堆图片链接  
25.     **public** **static** **final** String\[\] IMAGES = **new** String\[\] \{  
26.             // Heavy images  
27.             "https://lh6.googleusercontent.com/-jZgveEqb6pg/T3R4kXScycI/AAAAAAAAAE0/xQ7CvpfXDzc/s1024/sample\_image\_01.jpg",  
28.             "https://lh4.googleusercontent.com/-K2FMuOozxU0/T3R4lRAiBTI/AAAAAAAAAE8/a3Eh9JvnnzI/s1024/sample\_image\_02.jpg",  
29.             "https://lh5.googleusercontent.com/-SCS5C646rxM/T3R4l7QB6xI/AAAAAAAAAFE/xLcuVv3CUyA/s1024/sample\_image\_03.jpg",  
30.             "https://lh6.googleusercontent.com/-f0NJR6-\_Thg/T3R4mNex2wI/AAAAAAAAAFI/45oug4VE8MI/s1024/sample\_image\_04.jpg",  
31.             "https://lh3.googleusercontent.com/-n-xcJmiI0pg/T3R4mkSchHI/AAAAAAAAAFU/EoiNNb7kk3A/s1024/sample\_image\_05.jpg",  
32.             "https://lh3.googleusercontent.com/-X43vAudm7f4/T3R4nGSChJI/AAAAAAAAAFk/3bna6D-2EE8/s1024/sample\_image\_06.jpg",  
33.             "https://lh5.googleusercontent.com/-MpZneqIyjXU/T3R4nuGO1aI/AAAAAAAAAFg/r09OPjLx1ZY/s1024/sample\_image\_07.jpg",  
34.             "https://lh6.googleusercontent.com/-ql3YNfdClJo/T3XvW9apmFI/AAAAAAAAAL4/\_6HFDzbahc4/s1024/sample\_image\_08.jpg",  
35.             "https://lh5.googleusercontent.com/-Pxa7eqF4cyc/T3R4oasvPEI/AAAAAAAAAF0/-uYDH92h8LA/s1024/sample\_image\_09.jpg",  
36.             "https://lh4.googleusercontent.com/-Li-rjhFEuaI/T3R4o-VUl4I/AAAAAAAAAF8/5E5XdMnP1oE/s1024/sample\_image\_10.jpg",  
37.             "https://lh5.googleusercontent.com/-\_HU4fImgFhA/T3R4pPVIwWI/AAAAAAAAAGA/0RfK\_Vkgth4/s1024/sample\_image\_11.jpg",  
38.             "https://lh6.googleusercontent.com/-0gnNrVjwa0Y/T3R4peGYJwI/AAAAAAAAAGU/uX\_9wvRPM9I/s1024/sample\_image\_12.jpg",  
39.             "https://lh3.googleusercontent.com/-HBxuzALS\_Zs/T3R4qERykaI/AAAAAAAAAGQ/\_qQ16FaZ1q0/s1024/sample\_image\_13.jpg",  
40.             "https://lh4.googleusercontent.com/-cKojDrARNjQ/T3R4qfWSGPI/AAAAAAAAAGY/MR5dnbNaPyY/s1024/sample\_image\_14.jpg",  
41.             "https://lh3.googleusercontent.com/-WujkdYfcyZ8/T3R4qrIMGUI/AAAAAAAAAGk/277LIdgvnjg/s1024/sample\_image\_15.jpg",  
42.             "https://lh6.googleusercontent.com/-FMHR7Vy3PgI/T3R4rOXlEKI/AAAAAAAAAGs/VeXrDNDBkaw/s1024/sample\_image\_16.jpg",  
43.             "https://lh4.googleusercontent.com/-mrR0AJyNTH0/T3R4rZs6CuI/AAAAAAAAAG0/UE1wQqCOqLA/s1024/sample\_image\_17.jpg",  
44.             "https://lh6.googleusercontent.com/-z77w0eh3cow/T3R4rnLn05I/AAAAAAAAAG4/BaerfWoNucU/s1024/sample\_image\_18.jpg",  
45.             "https://lh5.googleusercontent.com/-aWVwh1OU5Bk/T3R4sAWw0yI/AAAAAAAAAHE/4\_KAvJttFwA/s1024/sample\_image\_19.jpg",  
46.             "https://lh6.googleusercontent.com/-q-js52DMnWQ/T3R4tZhY2sI/AAAAAAAAAHM/A8kjp2Ivdqg/s1024/sample\_image\_20.jpg",  
47.             "https://lh5.googleusercontent.com/-\_jIzvvzXKn4/T3R4t7xpdVI/AAAAAAAAAHU/7QC6eZ10jgs/s1024/sample\_image\_21.jpg",  
48.             "https://lh3.googleusercontent.com/-lnGi4IMLpwU/T3R4uCMa7vI/AAAAAAAAAHc/1zgzzz6qTpk/s1024/sample\_image\_22.jpg",  
49.             "https://lh5.googleusercontent.com/-fFCzKjFPsPc/T3R4u0SZPFI/AAAAAAAAAHk/sbgjzrktOK0/s1024/sample\_image\_23.jpg",  
50.             "https://lh4.googleusercontent.com/-8TqoW5gBE\_Y/T3R4vBS3NPI/AAAAAAAAAHs/EZYvpNsaNXk/s1024/sample\_image\_24.jpg",  
51.             "https://lh6.googleusercontent.com/-gc4eQ3ySdzs/T3R4vafoA7I/AAAAAAAAAH4/yKii5P6tqDE/s1024/sample\_image\_25.jpg",  
52.             "https://lh5.googleusercontent.com/--NYOPCylU7Q/T3R4vjAiWkI/AAAAAAAAAH8/IPNx5q3ptRA/s1024/sample\_image\_26.jpg",  
53.             "https://lh6.googleusercontent.com/-9IJM8so4vCI/T3R4vwJO2yI/AAAAAAAAAIE/ljlr-cwuqZM/s1024/sample\_image\_27.jpg",  
54.             "https://lh4.googleusercontent.com/-KW6QwOHfhBs/T3R4w0RsQiI/AAAAAAAAAIM/uEFLVgHPFCk/s1024/sample\_image\_28.jpg",  
55.             "https://lh4.googleusercontent.com/-z2557Ec1ctY/T3R4x3QA2hI/AAAAAAAAAIk/9-GzPL1lTWE/s1024/sample\_image\_29.jpg",  
56.             "https://lh5.googleusercontent.com/-LaKXAn4Kr1c/T3R4yc5b4lI/AAAAAAAAAIY/fMgcOVQfmD0/s1024/sample\_image\_30.jpg",  
57.             "https://lh4.googleusercontent.com/-F9LRToJoQdo/T3R4yrLtyQI/AAAAAAAAAIg/ri9uUCWuRmo/s1024/sample\_image\_31.jpg",  
58.             "https://lh4.googleusercontent.com/-6X-xBwP-QpI/T3R4zGVboII/AAAAAAAAAIs/zYH4PjjngY0/s1024/sample\_image\_32.jpg",  
59.             "https://lh5.googleusercontent.com/-VdLRjbW4LAs/T3R4zXu3gUI/AAAAAAAAAIw/9aFp9t7mCPg/s1024/sample\_image\_33.jpg",  
60.             "https://lh6.googleusercontent.com/-gL6R17\_fDJU/T3R4zpIXGjI/AAAAAAAAAI8/Q2Vjx-L9X20/s1024/sample\_image\_34.jpg",  
61.             "https://lh3.googleusercontent.com/-1fGH4YJXEzo/T3R40Y1B7KI/AAAAAAAAAJE/MnTsa77g-nk/s1024/sample\_image\_35.jpg",  
62.             "https://lh4.googleusercontent.com/-Ql0jHSrea-A/T3R403mUfFI/AAAAAAAAAJM/qzI4SkcH9tY/s1024/sample\_image\_36.jpg",  
63.             "https://lh5.googleusercontent.com/-BL5FIBR\_tzI/T3R41DA0AKI/AAAAAAAAAJk/GZfeeb-SLM0/s1024/sample\_image\_37.jpg",  
64.             "https://lh4.googleusercontent.com/-wF2Vc9YDutw/T3R41fR2BCI/AAAAAAAAAJc/JdU1sHdMRAk/s1024/sample\_image\_38.jpg",  
65.             "https://lh6.googleusercontent.com/-ZWHiPehwjTI/T3R41zuaKCI/AAAAAAAAAJg/hR3QJ1v3REg/s1024/sample\_image\_39.jpg",  
66.             // Light images  
67.             "http://tabletpcssource.com/wp-content/uploads/2011/05/android-logo.png",  
68.             "http://simpozia.com/pages/images/stories/windows-icon.png",  
69.             "https://si0.twimg.com/profile\_images/1135218951/gmail\_profile\_icon3\_normal.png",  
70.             "http://www.krify.net/wp-content/uploads/2011/09/Macromedia\_Flash\_dock\_icon.png",  
71.             "http://radiotray.sourceforge.net/radio.png",  
72.             "http://www.bandwidthblog.com/wp-content/uploads/2011/11/twitter-logo.png",  
73.             "http://weloveicons.s3.amazonaws.com/icons/100907\_itunes1.png",  
74.             "http://weloveicons.s3.amazonaws.com/icons/100929\_applications.png",  
75.             "http://www.idyllicmusic.com/index\_files/get\_apple-iphone.png",  
76.             "http://www.frenchrevolutionfood.com/wp-content/uploads/2009/04/Twitter-Bird.png",  
77.             "http://3.bp.blogspot.com/-ka5MiRGJ\_S4/TdD9OoF6bmI/AAAAAAAAE8k/7ydKtptUtSg/s1600/Google\_Sky%2BMaps\_Android.png",  
78.             "http://www.desiredsoft.com/images/icon\_webhosting.png",  
79.             "http://goodereader.com/apps/wp-content/uploads/downloads/thumbnails/2012/01/hi-256-0-99dda8c730196ab93c67f0659d5b8489abdeb977.png",  
80.             "http://1.bp.blogspot.com/-mlaJ4p\_3rBU/TdD9OWxN8II/AAAAAAAAE8U/xyynWwr3\_4Q/s1600/antivitus\_free.png",  
81.             "http://cdn3.iconfinder.com/data/icons/transformers/computer.png",  
82.             "http://cdn.geekwire.com/wp-content/uploads/2011/04/firefox.png?7794fe",  
83.             "https://ssl.gstatic.com/android/market/com.rovio.angrybirdsseasons/hi-256-9-347dae230614238a639d21508ae492302340b2ba",  
84.             "http://androidblaze.com/wp-content/uploads/2011/12/tablet-pc-256x256.jpg",  
85.             "http://www.theblaze.com/wp-content/uploads/2011/08/Apple.png",  
86.             "http://1.bp.blogspot.com/-y-HQwQ4Kuu0/TdD9\_iKIY7I/AAAAAAAAE88/3G4xiclDZD0/s1600/Twitter\_Android.png",  
87.             "http://3.bp.blogspot.com/-nAf4IMJGpc8/TdD9OGNUHHI/AAAAAAAAE8E/VM9yU\_lIgZ4/s1600/Adobe%2BReader\_Android.png",  
88.             "http://cdn.geekwire.com/wp-content/uploads/2011/05/oovoo-android.png?7794fe",  
89.             "http://icons.iconarchive.com/icons/kocco/ndroid/128/android-market-2-icon.png",  
90.             "http://thecustomizewindows.com/wp-content/uploads/2011/11/Nicest-Android-Live-Wallpapers.png",  
91.             "http://c.wrzuta.pl/wm16596/a32f1a47002ab3a949afeb4f",  
92.             "http://macprovid.vo.llnwd.net/o43/hub/media/1090/6882/01\_headline\_Muse.jpg",  
93.             // Special cases  
94.             "http://cdn.urbanislandz.com/wp-content/uploads/2011/10/MMSposter-large.jpg", // very large image  
95.             "file:///sdcard/Universal Image Loader @\#&=+-\_.,!()~'%20.png", // Image from SD card with encoded symbols  
96.             "assets://Living Things @\#&=+-\_.,!()~'%20.jpg", // Image from assets  
97.             "drawable://" + R.drawable.ic\_launcher, // Image from drawables  
98.             "http://upload.wikimedia.org/wikipedia/ru/b/b6/袣邪泻\_泻芯褌\_褋\_屑褘褕邪屑懈\_胁芯械胁邪谢.png", // Link with UTF-8  
99.             "https://www.eff.org/sites/default/files/chrome150\_0.jpg", // Image from HTTPS  
100.             "http://bit.ly/soBiXr", // Redirect link  
101.             "http://img001.us.expono.com/100001/100001-1bc30-2d736f\_m.jpg", // EXIF  
102.             "", // Empty link  
103.             "http://wrong.site.com/corruptedLink", // Wrong link  
104.     \};  
105.   
106.     **private** Constants() \{  
107.     \}  
108.   
109.     // 配置  
110.     **public** **static** **class** Config \{  
111.         **public** **static** **final** **boolean** DEVELOPER\_MODE = **false**;  
112.     \}  
113.       
114.     // 额外类  
115.     **public** **static** **class** Extra \{  
116.         **public** **static** **final** String IMAGES = "com.nostra13.example.universalimageloader.IMAGES";  
117.         **public** **static** **final** String IMAGE\_POSITION = "com.nostra13.example.universalimageloader.IMAGE\_POSITION";  
118.     \}  
119. \}

/2013.8.19\_Universal\_Image\_Loader\_Demo/src/com/nostra13/example/universalimageloader/ImageListActivity.java

**\[java\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  /\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* 
2.   \* Copyright 2011-2013 Sergey Tarasevich 
3.   \* 
4.   \* Licensed under the Apache License, Version 2.0 (the "License"); 
5.   \* you may not use this file except in compliance with the License. 
6.   \* You may obtain a copy of the License at 
7.   \* 
8.   \* http://www.apache.org/licenses/LICENSE-2.0 
9.   \* 
10.  \* Unless required by applicable law or agreed to in writing, software 
11.  \* distributed under the License is distributed on an "AS IS" BASIS, 
12.  \* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
13.  \* See the License for the specific language governing permissions and 
14.  \* limitations under the License. 
15.  \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/  
16. **package** com.nostra13.example.universalimageloader;  
17.   
18. **import** java.util.Collections;  
19. **import** java.util.LinkedList;  
20. **import** java.util.List;  
21.   
22. **import** android.content.Intent;  
23. **import** android.graphics.Bitmap;  
24. **import** android.os.Bundle;  
25. **import** android.view.View;  
26. **import** android.view.ViewGroup;  
27. **import** android.widget.AdapterView;  
28. **import** android.widget.AdapterView.OnItemClickListener;  
29. **import** android.widget.BaseAdapter;  
30. **import** android.widget.ImageView;  
31. **import** android.widget.ListView;  
32. **import** android.widget.TextView;  
33.   
34. **import** com.nostra13.example.universalimageloader.Constants.Extra;  
35. **import** com.nostra13.universalimageloader.core.DisplayImageOptions;  
36. **import** com.nostra13.universalimageloader.core.assist.ImageLoadingListener;  
37. **import** com.nostra13.universalimageloader.core.assist.SimpleImageLoadingListener;  
38. **import** com.nostra13.universalimageloader.core.display.FadeInBitmapDisplayer;  
39. **import** com.nostra13.universalimageloader.core.display.RoundedBitmapDisplayer;  
40.   
41. /\*\* 
42.  \* @author Sergey Tarasevich (nostra13\[at\]gmail\[dot\]com) 
43.  \*/  
44. **public** **class** ImageListActivity **extends** AbsListViewBaseActivity \{  
45.   
46.     DisplayImageOptions options;        // DisplayImageOptions是用于设置图片显示的类  
47.   
48.     String\[\] imageUrls;                 // 图片路径  
49.   
50.     @Override  
51.     **public** **void** onCreate(Bundle savedInstanceState) \{  
52.         **super**.onCreate(savedInstanceState);  
53.         setContentView(R.layout.ac\_image\_list);  
54.   
55.         Bundle bundle = getIntent().getExtras();  
56.         imageUrls = bundle.getStringArray(Extra.IMAGES);  
57.   
58.         // 使用DisplayImageOptions.Builder()创建DisplayImageOptions  
59.         options = **new** DisplayImageOptions.Builder()  
60.             .showStubImage(R.drawable.ic\_stub)          // 设置图片下载期间显示的图片  
61.             .showImageForEmptyUri(R.drawable.ic\_empty)  // 设置图片Uri为空或是错误的时候显示的图片  
62.             .showImageOnFail(R.drawable.ic\_error)       // 设置图片加载或解码过程中发生错误显示的图片      
63.             .cacheInMemory(**true**)                        // 设置下载的图片是否缓存在内存中  
64.             .cacheOnDisc(**true**)                          // 设置下载的图片是否缓存在SD卡中  
65.             .displayer(**new** RoundedBitmapDisplayer(20))  // 设置成圆角图片  
66.             .build();                                   // 创建配置过得DisplayImageOption对象  
67.   
68.         listView = (ListView) findViewById(android.R.id.list);  
69.         ((ListView) listView).setAdapter(**new** ItemAdapter());  
70.         listView.setOnItemClickListener(**new** OnItemClickListener() \{  
71.             @Override  
72.             **public** **void** onItemClick(AdapterView<?> parent, View view, **int** position, **long** id) \{  
73.                 // 点击列表项转入ViewPager显示界面  
74.                 startImagePagerActivity(position);        
75.             \}  
76.         \});  
77.     \}  
78.   
79.     @Override  
80.     **public** **void** onBackPressed() \{  
81.         AnimateFirstDisplayListener.displayedImages.clear();  
82.         **super**.onBackPressed();  
83.     \}  
84.   
85.     **private** **void** startImagePagerActivity(**int** position) \{  
86.         Intent intent = **new** Intent(**this**, ImagePagerActivity.**class**);  
87.         intent.putExtra(Extra.IMAGES, imageUrls);  
88.         intent.putExtra(Extra.IMAGE\_POSITION, position);  
89.         startActivity(intent);  
90.     \}  
91.   
92.       
93.     /\*\* 
94.      \*  
95.      \* 自定义列表项适配器 
96.      \* 
97.      \*/  
98.     **class** ItemAdapter **extends** BaseAdapter \{  
99.   
100.         **private** ImageLoadingListener animateFirstListener = **new** AnimateFirstDisplayListener();  
101.   
102.         **private** **class** ViewHolder \{  
103.             **public** TextView text;  
104.             **public** ImageView image;  
105.         \}  
106.   
107.         @Override  
108.         **public** **int** getCount() \{  
109.             **return** imageUrls.length;  
110.         \}  
111.   
112.         @Override  
113.         **public** Object getItem(**int** position) \{  
114.             **return** position;  
115.         \}  
116.   
117.         @Override  
118.         **public** **long** getItemId(**int** position) \{  
119.             **return** position;  
120.         \}  
121.   
122.         @Override  
123.         **public** View getView(**final** **int** position, View convertView, ViewGroup parent) \{  
124.             View view = convertView;  
125.             **final** ViewHolder holder;  
126.             **if** (convertView == **null**) \{  
127.                 view = getLayoutInflater().inflate(R.layout.item\_list\_image, parent, **false**);  
128.                 holder = **new** ViewHolder();  
129.                 holder.text = (TextView) view.findViewById(R.id.text);  
130.                 holder.image = (ImageView) view.findViewById(R.id.image);  
131.                 view.setTag(holder);        // 给View添加一个格外的数据  
132.             \} **else** \{  
133.                 holder = (ViewHolder) view.getTag(); // 把数据取出来  
134.             \}  
135.   
136.             holder.text.setText("Item " + (position + 1));  // TextView设置文本  
137.   
138.             /\*\* 
139.              \* 显示图片 
140.              \* 参数1：图片url 
141.              \* 参数2：显示图片的控件 
142.              \* 参数3：显示图片的设置 
143.              \* 参数4：监听器 
144.              \*/  
145.             imageLoader.displayImage(imageUrls\[position\], holder.image, options, animateFirstListener);  
146.   
147.             **return** view;  
148.         \}  
149.     \}  
150.   
151.     /\*\* 
152.      \* 图片加载第一次显示监听器 
153.      \* @author Administrator 
154.      \* 
155.      \*/  
156.     **private** **static** **class** AnimateFirstDisplayListener **extends** SimpleImageLoadingListener \{  
157.           
158.         **static** **final** List<String> displayedImages = Collections.synchronizedList(**new** LinkedList<String>());  
159.   
160.         @Override  
161.         **public** **void** onLoadingComplete(String imageUri, View view, Bitmap loadedImage) \{  
162.             **if** (loadedImage != **null**) \{  
163.                 ImageView imageView = (ImageView) view;  
164.                 // 是否第一次显示  
165.                 **boolean** firstDisplay = !displayedImages.contains(imageUri);  
166.                 **if** (firstDisplay) \{  
167.                     // 图片淡入效果  
168.                     FadeInBitmapDisplayer.animate(imageView, 500);  
169.                     displayedImages.add(imageUri);  
170.                 \}  
171.             \}  
172.         \}  
173.     \}  
174. \}

/2013.8.19\_Universal\_Image\_Loader\_Demo/src/com/nostra13/example/universalimageloader/ImageGridActivity.java

**网格视图Activity**

**\[java\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

/2013.8.19\_Universal\_Image\_Loader\_Demo/src/com/nostra13/example/universalimageloader/ImagePagerActivity.java

**ViewPager视图Activity**

**\[java\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  /\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* 
2.   \* Copyright 2011-2013 Sergey Tarasevich 
3.   \* 
4.   \* Licensed under the Apache License, Version 2.0 (the "License"); 
5.   \* you may not use this file except in compliance with the License. 
6.   \* You may obtain a copy of the License at 
7.   \* 
8.   \* http://www.apache.org/licenses/LICENSE-2.0 
9.   \* 
10.  \* Unless required by applicable law or agreed to in writing, software 
11.  \* distributed under the License is distributed on an "AS IS" BASIS, 
12.  \* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
13.  \* See the License for the specific language governing permissions and 
14.  \* limitations under the License. 
15.  \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/  
16. **package** com.nostra13.example.universalimageloader;  
17.   
18. **import** android.graphics.Bitmap;  
19. **import** android.os.Bundle;  
20. **import** android.os.Parcelable;  
21. **import** android.support.v4.view.PagerAdapter;  
22. **import** android.support.v4.view.ViewPager;  
23. **import** android.view.LayoutInflater;  
24. **import** android.view.View;  
25. **import** android.view.ViewGroup;  
26. **import** android.widget.ImageView;  
27. **import** android.widget.ProgressBar;  
28. **import** android.widget.Toast;  
29.   
30. **import** com.nostra13.example.universalimageloader.Constants.Extra;  
31. **import** com.nostra13.universalimageloader.core.DisplayImageOptions;  
32. **import** com.nostra13.universalimageloader.core.assist.FailReason;  
33. **import** com.nostra13.universalimageloader.core.assist.ImageScaleType;  
34. **import** com.nostra13.universalimageloader.core.assist.SimpleImageLoadingListener;  
35. **import** com.nostra13.universalimageloader.core.display.FadeInBitmapDisplayer;  
36.   
37. /\*\* 
38.  \* ViewPager页面显示Activity 
39.  \* @author Sergey Tarasevich (nostra13\[at\]gmail\[dot\]com) 
40.  \*/  
41. **public** **class** ImagePagerActivity **extends** BaseActivity \{  
42.   
43.     **private** **static** **final** String STATE\_POSITION = "STATE\_POSITION";  
44.   
45.     DisplayImageOptions options;  
46.   
47.     ViewPager pager;  
48.   
49.     **public** **void** onCreate(Bundle savedInstanceState) \{  
50.         **super**.onCreate(savedInstanceState);  
51.         setContentView(R.layout.ac\_image\_pager);  
52.   
53.         Bundle bundle = getIntent().getExtras();  
54.         String\[\] imageUrls = bundle.getStringArray(Extra.IMAGES);  
55.         // 当前显示View的位置  
56.         **int** pagerPosition = bundle.getInt(Extra.IMAGE\_POSITION, 0);  
57.   
58.         // 如果之前有保存用户数据  
59.         **if** (savedInstanceState != **null**) \{  
60.             pagerPosition = savedInstanceState.getInt(STATE\_POSITION);  
61.         \}  
62.   
63.         options = **new** DisplayImageOptions.Builder()  
64.             .showImageForEmptyUri(R.drawable.ic\_empty)  
65.             .showImageOnFail(R.drawable.ic\_error)  
66.             .resetViewBeforeLoading(**true**)  
67.             .cacheOnDisc(**true**)  
68.             .imageScaleType(ImageScaleType.EXACTLY)  
69.             .bitmapConfig(Bitmap.Config.RGB\_565)  
70.             .displayer(**new** FadeInBitmapDisplayer(300))  
71.             .build();  
72.   
73.         pager = (ViewPager) findViewById(R.id.pager);  
74.         pager.setAdapter(**new** ImagePagerAdapter(imageUrls));  
75.         pager.setCurrentItem(pagerPosition);    // 显示当前位置的View  
76.     \}  
77.   
78.     @Override  
79.     **public** **void** onSaveInstanceState(Bundle outState) \{  
80.         // 保存用户数据  
81.         outState.putInt(STATE\_POSITION, pager.getCurrentItem());  
82.     \}  
83.   
84.     **private** **class** ImagePagerAdapter **extends** PagerAdapter \{  
85.   
86.         **private** String\[\] images;  
87.         **private** LayoutInflater inflater;  
88.   
89.         ImagePagerAdapter(String\[\] images) \{  
90.             **this**.images = images;  
91.             inflater = getLayoutInflater();  
92.         \}  
93.   
94.         @Override  
95.         **public** **void** destroyItem(ViewGroup container, **int** position, Object object) \{  
96.             ((ViewPager) container).removeView((View) object);  
97.         \}  
98.   
99.         @Override  
100.         **public** **void** finishUpdate(View container) \{  
101.         \}  
102.   
103.         @Override  
104.         **public** **int** getCount() \{  
105.             **return** images.length;  
106.         \}  
107.   
108.         @Override  
109.         **public** Object instantiateItem(ViewGroup view, **int** position) \{  
110.             View imageLayout = inflater.inflate(R.layout.item\_pager\_image, view, **false**);  
111.             ImageView imageView = (ImageView) imageLayout.findViewById(R.id.image);  
112.             **final** ProgressBar spinner = (ProgressBar) imageLayout.findViewById(R.id.loading);  
113.   
114.             imageLoader.displayImage(images\[position\], imageView, options, **new** SimpleImageLoadingListener() \{  
115.                 @Override  
116.                 **public** **void** onLoadingStarted(String imageUri, View view) \{  
117.                     spinner.setVisibility(View.VISIBLE);  
118.                 \}  
119.   
120.                 @Override  
121.                 **public** **void** onLoadingFailed(String imageUri, View view, FailReason failReason) \{  
122.                     String message = **null**;  
123.                     **switch** (failReason.getType()) \{     // 获取图片失败类型  
124.                         **case** IO\_ERROR:              // 文件I/O错误  
125.                             message = "Input/Output error";  
126.                             **break**;  
127.                         **case** DECODING\_ERROR:        // 解码错误  
128.                             message = "Image can't be decoded";  
129.                             **break**;  
130.                         **case** NETWORK\_DENIED:        // 网络延迟  
131.                             message = "Downloads are denied";  
132.                             **break**;  
133.                         **case** OUT\_OF\_MEMORY:         // 内存不足  
134.                             message = "Out Of Memory error";  
135.                             **break**;  
136.                         **case** UNKNOWN:               // 原因不明  
137.                             message = "Unknown error";  
138.                             **break**;  
139.                     \}  
140.                     Toast.makeText(ImagePagerActivity.**this**, message, Toast.LENGTH\_SHORT).show();  
141.   
142.                     spinner.setVisibility(View.GONE);  
143.                 \}  
144.   
145.                 @Override  
146.                 **public** **void** onLoadingComplete(String imageUri, View view, Bitmap loadedImage) \{  
147.                     spinner.setVisibility(View.GONE);       // 不显示圆形进度条  
148.                 \}  
149.             \});  
150.   
151.             ((ViewPager) view).addView(imageLayout, 0);     // 将图片增加到ViewPager  
152.             **return** imageLayout;  
153.         \}  
154.   
155.         @Override  
156.         **public** **boolean** isViewFromObject(View view, Object object) \{  
157.             **return** view.equals(object);  
158.         \}  
159.   
160.         @Override  
161.         **public** **void** restoreState(Parcelable state, ClassLoader loader) \{  
162.         \}  
163.   
164.         @Override  
165.         **public** Parcelable saveState() \{  
166.             **return** **null**;  
167.         \}  
168.   
169.         @Override  
170.         **public** **void** startUpdate(View container) \{  
171.         \}  
172.     \}  
173. \}

/2013.8.19\_Universal\_Image\_Loader\_Demo/src/com/nostra13/example/universalimageloader/ImageGalleryActivity.java

**画廊视图的Activity**

**\[java\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

关于桌面控件的代码我就不贴了，朋友们可以自己下载我这个Demo

还有就是Manifest文件代码

**\[html\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<?****xml** version="1.0" encoding="utf-8"**?>**  
2.  **<****manifest** xmlns:android="http://schemas.android.com/apk/res/android"  
3.      package="com.nostra13.example.universalimageloader"  
4.      android:versionCode="35"  
5.      android:versionName="1.8.7" **>**  
6.    
7.      **<****uses-sdk**  
8.          android:minSdkVersion="5"  
9.          android:targetSdkVersion="16" **/>**  
10.   
11.       
12.     **<****uses-permission** android:name="android.permission.INTERNET" **/>**  
13.       
14.     **<****uses-permission** android:name="android.permission.WRITE\_EXTERNAL\_STORAGE" **/>**  
15.   
16.     **<****application**  
17.         android:name=".UILApplication"  
18.         android:icon="@drawable/ic\_launcher"  
19.         android:label="@string/app\_name" **>**  
20.         **<****activity**  
21.             android:name=".HomeActivity"  
22.             android:label="@string/app\_name" **>**  
23.             **<****intent-filter****>**  
24.                 **<****action** android:name="android.intent.action.MAIN" **/>**  
25.   
26.                 **<****category** android:name="android.intent.category.LAUNCHER" **/>**  
27.             **</****intent-filter****>**  
28.         **</****activity****>**  
29.         **<****activity**  
30.             android:name=".ImageListActivity"  
31.             android:label="@string/ac\_name\_image\_list" **/>**  
32.         **<****activity**  
33.             android:name=".ImageGridActivity"  
34.             android:label="@string/ac\_name\_image\_grid" **/>**  
35.         **<****activity**  
36.             android:name=".ImagePagerActivity"  
37.             android:label="@string/ac\_name\_image\_pager" **/>**  
38.         **<****activity**  
39.             android:name=".ImageGalleryActivity"  
40.             android:label="@string/ac\_name\_image\_gallery" **/>**  
41.   
42.           
43.         **<****receiver** android:name=".widget.UILWidgetProvider" **>**  
44.             **<****meta-data**  
45.                 android:name="android.appwidget.provider"  
46.                 android:resource="@xml/widget\_provider" **/>**  
47.   
48.             **<****intent-filter****>**  
49.                 **<****action** android:name="android.appwidget.action.APPWIDGET\_UPDATE" **/>**  
50.             **</****intent-filter****>**  
51.         **</****receiver****>**  
52.     **</****application****>**  
53.   
54. **</****manifest****>**

以上的代码已经很详尽了，读者可以把它整合到你的项目当中，就可以实现完美异步加载图片。在这里要感谢那些为我们开源的大神们，他们的贡献让我们这些开发者更快更有效的完成工作，希望我们的开源会越做越好，我相信我们的开发者有这个能力。

[http_download.csdn.net_detail_wwj_748_5975847]: http://download.csdn.net/detail/wwj_748/5975847
[https_github.com_nostra13_Android-Universal-Image-Loader]: https://github.com/nostra13/Android-Universal-Image-Loader
[20130819181952171]: /images/20220731/f65b83482b2b48d6864ecc522d6bbca2.png
[20130819182217484]: /images/20220731/cdda166351da48aea6051712d4661bc5.png
[20130819182259359]: /images/20220731/bb1b5aa3f3c145e58bbfb1ca35162b49.png
[view plain]: http://blog.csdn.net/wwj_748/article/details/10079311#
[CODE]: https://code.csdn.net/assets/CODE_ico.png
[CODE_CODE]: https://code.csdn.net/snippets/527988
[ico_fork.svg]: https://code.csdn.net/assets/ico_fork.svg
[ico_fork.svg 1]: https://code.csdn.net/snippets/527988/fork
[20130819182731453]: /images/20220731/468f3a1d73354674bf7d3cd91190ed85.png
[20130819182855109]: /images/20220731/feb4725f518b44cd9eae15c9f8d3a38e.png
[20130819191032156]: /images/20220731/2b2ecb7ef3e942f785dfd9a350624b3c.png
[20130819191327671]: /images/20220731/1e9836b052bf416ba11547eb39e73a7d.png
[20130819191418468]: https://img-blog.csdn.net/20130819191418468
[20130819191433734]: /images/20220731/b3956859891a4b71aa15dd87fd0bced9.png