Android OkHttp完全解析 是时候来了解OkHttp了

转载请标明出处: 
http://blog.csdn.net/lmj623565791/article/details/47911083; 
本文出自:【张鸿洋的博客】

一、概述

最近在群里听到各种讨论okhttp的话题,可见okhttp的口碑相当好了。再加上Google貌似在6.0版本里面删除了HttpClient相关API,对于这个行为不做评价。为了更好的在应对网络访问,学习下okhttp还是蛮必要的,本篇博客首先介绍okhttp的简单使用,主要包含:

  • 一般的get请求
  • 一般的post请求
  • 基于Http的文件上传
  • 文件下载
  • 加载图片
  • 支持请求回调,直接返回对象、对象集合
  • 支持session的保持

最后会对上述几个功能进行封装,完整的封装类的地址见:https://github.com/hongyangAndroid/okhttp-utils

使用前,对于Android Studio的用户,可以选择添加:

<code class="language-xml hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial; ">compile 'com.squareup.okhttp:okhttp:2.4.0'</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li></ul>

或者Eclipse的用户,可以下载最新的jar okhttp he latest JAR ,添加依赖就可以用了。

注意:okhttp内部依赖okio,别忘了同时导入okio:

gradle: compile 'com.squareup.okio:okio:1.5.0'

最新的jar地址:okio the latest JAR


二、使用教程

(一)Http Get

对了网络加载库,那么最常见的肯定就是http get请求了,比如获取一个网页的内容。

<code class="language-java hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial; "><span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box; ">//创建okHttpClient对象</span>
OkHttpClient mOkHttpClient = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> OkHttpClient();
<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box; ">//创建一个Request</span>
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> Request request = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Request.Builder()
                .url(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"https://github.com/hongyangAndroid"</span>)
                .build();
<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box; ">//new call</span>
Call call = mOkHttpClient.newCall(request); 
<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box; ">//请求加入调度</span>
call.enqueue(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Callback()
        {
            <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onFailure</span>(Request request, IOException e)
            {
            }

            <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onResponse</span>(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> Response response) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
            {
                    <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box; ">//String htmlStr =  response.body().string();</span>
            }
        });             

</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li><li style="box-sizing: border-box; padding: 0px 5px; ">11</li><li style="box-sizing: border-box; padding: 0px 5px; ">12</li><li style="box-sizing: border-box; padding: 0px 5px; ">13</li><li style="box-sizing: border-box; padding: 0px 5px; ">14</li><li style="box-sizing: border-box; padding: 0px 5px; ">15</li><li style="box-sizing: border-box; padding: 0px 5px; ">16</li><li style="box-sizing: border-box; padding: 0px 5px; ">17</li><li style="box-sizing: border-box; padding: 0px 5px; ">18</li><li style="box-sizing: border-box; padding: 0px 5px; ">19</li><li style="box-sizing: border-box; padding: 0px 5px; ">20</li><li style="box-sizing: border-box; padding: 0px 5px; ">21</li><li style="box-sizing: border-box; padding: 0px 5px; ">22</li><li style="box-sizing: border-box; padding: 0px 5px; ">23</li><li style="box-sizing: border-box; padding: 0px 5px; ">24</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li><li style="box-sizing: border-box; padding: 0px 5px; ">11</li><li style="box-sizing: border-box; padding: 0px 5px; ">12</li><li style="box-sizing: border-box; padding: 0px 5px; ">13</li><li style="box-sizing: border-box; padding: 0px 5px; ">14</li><li style="box-sizing: border-box; padding: 0px 5px; ">15</li><li style="box-sizing: border-box; padding: 0px 5px; ">16</li><li style="box-sizing: border-box; padding: 0px 5px; ">17</li><li style="box-sizing: border-box; padding: 0px 5px; ">18</li><li style="box-sizing: border-box; padding: 0px 5px; ">19</li><li style="box-sizing: border-box; padding: 0px 5px; ">20</li><li style="box-sizing: border-box; padding: 0px 5px; ">21</li><li style="box-sizing: border-box; padding: 0px 5px; ">22</li><li style="box-sizing: border-box; padding: 0px 5px; ">23</li><li style="box-sizing: border-box; padding: 0px 5px; ">24</li></ul>
  1. 以上就是发送一个get请求的步骤,首先构造一个Request对象,参数最起码有个url,当然你可以通过Request.Builder设置更多的参数比如:headermethod等。

  2. 然后通过request的对象去构造得到一个Call对象,类似于将你的请求封装成了任务,既然是任务,就会有execute()cancel()等方法。

  3. 最后,我们希望以异步的方式去执行请求,所以我们调用的是call.enqueue,将call加入调度队列,然后等待任务执行完成,我们在Callback中即可得到结果。

看到这,你会发现,整体的写法还是比较长的,所以封装肯定是要做的,不然每个请求这么写,得累死。

ok,需要注意几点:

  • onResponse回调的参数是response,一般情况下,比如我们希望获得返回的字符串,可以通过response.body().string()获取;如果希望获得返回的二进制字节数组,则调用response.body().bytes();如果你想拿到返回的inputStream,则调用response.body().byteStream()

    看到这,你可能会奇怪,竟然还能拿到返回的inputStream,看到这个最起码能意识到一点,这里支持大文件下载,有inputStream我们就可以通过IO的方式写文件。不过也说明一个问题,这个onResponse执行的线程并不是UI线程。的确是的,如果你希望操作控件,还是需要使用handler等,例如:

    <code class="language-java hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial; "><span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onResponse</span>(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> Response response) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
          <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> String res = response.body().string();
          runOnUiThread(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Runnable()
          {
              <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
              <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">run</span>()
              {
                mTv.setText(res);
              }
    
          });
    }</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li><li style="box-sizing: border-box; padding: 0px 5px; ">11</li><li style="box-sizing: border-box; padding: 0px 5px; ">12</li><li style="box-sizing: border-box; padding: 0px 5px; ">13</li><li style="box-sizing: border-box; padding: 0px 5px; ">14</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li><li style="box-sizing: border-box; padding: 0px 5px; ">11</li><li style="box-sizing: border-box; padding: 0px 5px; ">12</li><li style="box-sizing: border-box; padding: 0px 5px; ">13</li><li style="box-sizing: border-box; padding: 0px 5px; ">14</li></ul>
  • 我们这里是异步的方式去执行,当然也支持阻塞的方式,上面我们也说了Call有一个execute()方法,你也可以直接调用call.execute()通过返回一个Response

(二) Http Post 携带参数

看来上面的简单的get请求,基本上整个的用法也就掌握了,比如post携带参数,也仅仅是Request的构造的不同。

<code class="language-java hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial; ">Request request = buildMultipartFormRequest(
        url, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> File[]{file}, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> String[]{fileKey}, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>);
FormEncodingBuilder builder = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> FormEncodingBuilder();   
builder.add(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"username"</span>,<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"张鸿洋"</span>);

Request request = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Request.Builder()
                   .url(url)
                .post(builder.build())
                .build();
 mOkHttpClient.newCall(request).enqueue(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Callback(){});</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li></ul>

大家都清楚,post的时候,参数是包含在请求体中的;所以我们通过FormEncodingBuilder。添加多个String键值对,然后去构造RequestBody,最后完成我们Request的构造。

后面的就和上面一样了。


(三)基于Http的文件上传

接下来我们在介绍一个可以构造RequestBody的Builder,叫做MultipartBuilder。当我们需要做类似于表单上传的时候,就可以使用它来构造我们的requestBody。

<code class="language-java hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial; ">File file = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> File(Environment.getExternalStorageDirectory(), <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"balabala.mp4"</span>);

RequestBody fileBody = RequestBody.create(MediaType.parse(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"application/octet-stream"</span>), file);

RequestBody requestBody = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> MultipartBuilder()
     .type(MultipartBuilder.FORM)
     .addPart(Headers.of(
          <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"Content-Disposition"</span>, 
              <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"form-data; name=\"username\""</span>), 
          RequestBody.create(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"张鸿洋"</span>))
     .addPart(Headers.of(
         <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"Content-Disposition"</span>, 
         <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"form-data; name=\"mFile\"; 
         filename=\"wjd.mp4\""</span>), fileBody)
     .build();

Request request = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Request.Builder()
    .url(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"http://192.168.1.103:8080/okHttpServer/fileUpload"</span>)
    .post(requestBody)
    .build();

Call call = mOkHttpClient.newCall(request);
call.enqueue(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Callback()
{
    <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box; ">//...</span>
});</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li><li style="box-sizing: border-box; padding: 0px 5px; ">11</li><li style="box-sizing: border-box; padding: 0px 5px; ">12</li><li style="box-sizing: border-box; padding: 0px 5px; ">13</li><li style="box-sizing: border-box; padding: 0px 5px; ">14</li><li style="box-sizing: border-box; padding: 0px 5px; ">15</li><li style="box-sizing: border-box; padding: 0px 5px; ">16</li><li style="box-sizing: border-box; padding: 0px 5px; ">17</li><li style="box-sizing: border-box; padding: 0px 5px; ">18</li><li style="box-sizing: border-box; padding: 0px 5px; ">19</li><li style="box-sizing: border-box; padding: 0px 5px; ">20</li><li style="box-sizing: border-box; padding: 0px 5px; ">21</li><li style="box-sizing: border-box; padding: 0px 5px; ">22</li><li style="box-sizing: border-box; padding: 0px 5px; ">23</li><li style="box-sizing: border-box; padding: 0px 5px; ">24</li><li style="box-sizing: border-box; padding: 0px 5px; ">25</li><li style="box-sizing: border-box; padding: 0px 5px; ">26</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li><li style="box-sizing: border-box; padding: 0px 5px; ">11</li><li style="box-sizing: border-box; padding: 0px 5px; ">12</li><li style="box-sizing: border-box; padding: 0px 5px; ">13</li><li style="box-sizing: border-box; padding: 0px 5px; ">14</li><li style="box-sizing: border-box; padding: 0px 5px; ">15</li><li style="box-sizing: border-box; padding: 0px 5px; ">16</li><li style="box-sizing: border-box; padding: 0px 5px; ">17</li><li style="box-sizing: border-box; padding: 0px 5px; ">18</li><li style="box-sizing: border-box; padding: 0px 5px; ">19</li><li style="box-sizing: border-box; padding: 0px 5px; ">20</li><li style="box-sizing: border-box; padding: 0px 5px; ">21</li><li style="box-sizing: border-box; padding: 0px 5px; ">22</li><li style="box-sizing: border-box; padding: 0px 5px; ">23</li><li style="box-sizing: border-box; padding: 0px 5px; ">24</li><li style="box-sizing: border-box; padding: 0px 5px; ">25</li><li style="box-sizing: border-box; padding: 0px 5px; ">26</li></ul>

上述代码向服务器传递了一个键值对username:张鸿洋和一个文件。我们通过MultipartBuilder的addPart方法可以添加键值对或者文件。

其实类似于我们拼接模拟浏览器行为的方式,如果你对这块不了解,可以参考:从原理角度解析Android (Java) http 文件上传

ok,对于我们最开始的目录还剩下图片下载,文件下载;这两个一个是通过回调的Response拿到byte[]然后decode成图片;文件下载,就是拿到inputStream做写文件操作,我们这里就不赘述了。

关于用法,也可以参考泡网OkHttp使用教程

接下来我们主要看如何封装上述的代码。


三、封装

由于按照上述的代码,写多个请求肯定包含大量的重复代码,所以我希望封装后的代码调用是这样的:

(一)使用
  1. 一般的get请求

    <code class="language-java hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial; "> OkHttpClientManager.getAsyn(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"https://www.baidu.com"</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> OkHttpClientManager.ResultCallback<String>()
            {
                <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
                <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onError</span>(Request request, Exception e)
                {
                    e.printStackTrace();
                }
    
                <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
                <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onResponse</span>(String u)
                {
                    mTv.setText(u);<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box; ">//注意这里是UI线程</span>
                }
            });</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li><li style="box-sizing: border-box; padding: 0px 5px; ">11</li><li style="box-sizing: border-box; padding: 0px 5px; ">12</li><li style="box-sizing: border-box; padding: 0px 5px; ">13</li><li style="box-sizing: border-box; padding: 0px 5px; ">14</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li><li style="box-sizing: border-box; padding: 0px 5px; ">11</li><li style="box-sizing: border-box; padding: 0px 5px; ">12</li><li style="box-sizing: border-box; padding: 0px 5px; ">13</li><li style="box-sizing: border-box; padding: 0px 5px; ">14</li></ul>

    对于一般的请求,我们希望给个url,然后CallBack里面直接操作控件。

  2. 文件上传且携带参数

    我们希望提供一个方法,传入url,params,file,callback即可。

    <code class="language-java hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial; ">  OkHttpClientManager.postAsyn(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"http://192.168.1.103:8080/okHttpServer/fileUpload"</span>,<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box; ">//</span>
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> OkHttpClientManager.ResultCallback<String>()
        {
            <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onError</span>(Request request, IOException e)
            {
                e.printStackTrace();
            }
    
            <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onResponse</span>(String result)
            {
    
            }
        },<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box; ">//</span>
        file,<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box; ">//</span>
        <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"mFile"</span>,<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box; ">//</span>
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> OkHttpClientManager.Param[]{
                <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> OkHttpClientManager.Param(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"username"</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"zhy"</span>),
                <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> OkHttpClientManager.Param(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"password"</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"123"</span>)}
            );
    </code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li><li style="box-sizing: border-box; padding: 0px 5px; ">11</li><li style="box-sizing: border-box; padding: 0px 5px; ">12</li><li style="box-sizing: border-box; padding: 0px 5px; ">13</li><li style="box-sizing: border-box; padding: 0px 5px; ">14</li><li style="box-sizing: border-box; padding: 0px 5px; ">15</li><li style="box-sizing: border-box; padding: 0px 5px; ">16</li><li style="box-sizing: border-box; padding: 0px 5px; ">17</li><li style="box-sizing: border-box; padding: 0px 5px; ">18</li><li style="box-sizing: border-box; padding: 0px 5px; ">19</li><li style="box-sizing: border-box; padding: 0px 5px; ">20</li><li style="box-sizing: border-box; padding: 0px 5px; ">21</li><li style="box-sizing: border-box; padding: 0px 5px; ">22</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li><li style="box-sizing: border-box; padding: 0px 5px; ">11</li><li style="box-sizing: border-box; padding: 0px 5px; ">12</li><li style="box-sizing: border-box; padding: 0px 5px; ">13</li><li style="box-sizing: border-box; padding: 0px 5px; ">14</li><li style="box-sizing: border-box; padding: 0px 5px; ">15</li><li style="box-sizing: border-box; padding: 0px 5px; ">16</li><li style="box-sizing: border-box; padding: 0px 5px; ">17</li><li style="box-sizing: border-box; padding: 0px 5px; ">18</li><li style="box-sizing: border-box; padding: 0px 5px; ">19</li><li style="box-sizing: border-box; padding: 0px 5px; ">20</li><li style="box-sizing: border-box; padding: 0px 5px; ">21</li><li style="box-sizing: border-box; padding: 0px 5px; ">22</li></ul>

    键值对没什么说的,参数3为file,参数4为file对应的name,这个name不是文件的名字; 
    对应于http中的

    <input type="file" name="mFile" >

    对应的是name后面的值,即mFile.

  3. 文件下载

    对于文件下载,提供url,目标dir,callback即可。

    <code class="language-java hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial; ">OkHttpClientManager.downloadAsyn(
        <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"http://192.168.1.103:8080/okHttpServer/files/messenger_01.png"</span>,    
        Environment.getExternalStorageDirectory().getAbsolutePath(), 
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> OkHttpClientManager.ResultCallback<String>()
        {
            <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onError</span>(Request request, IOException e)
            {
    
            }
    
            <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onResponse</span>(String response)
            {
                <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box; ">//文件下载成功,这里回调的reponse为文件的absolutePath</span>
            }
    });</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li><li style="box-sizing: border-box; padding: 0px 5px; ">11</li><li style="box-sizing: border-box; padding: 0px 5px; ">12</li><li style="box-sizing: border-box; padding: 0px 5px; ">13</li><li style="box-sizing: border-box; padding: 0px 5px; ">14</li><li style="box-sizing: border-box; padding: 0px 5px; ">15</li><li style="box-sizing: border-box; padding: 0px 5px; ">16</li><li style="box-sizing: border-box; padding: 0px 5px; ">17</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li><li style="box-sizing: border-box; padding: 0px 5px; ">11</li><li style="box-sizing: border-box; padding: 0px 5px; ">12</li><li style="box-sizing: border-box; padding: 0px 5px; ">13</li><li style="box-sizing: border-box; padding: 0px 5px; ">14</li><li style="box-sizing: border-box; padding: 0px 5px; ">15</li><li style="box-sizing: border-box; padding: 0px 5px; ">16</li><li style="box-sizing: border-box; padding: 0px 5px; ">17</li></ul>
  4. 展示图片

    展示图片,我们希望提供一个url和一个imageview,如果下载成功,直接帮我们设置上即可。

    <code class="language-java hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial; "> OkHttpClientManager.displayImage(mImageView, 
         <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"http://images.csdn.net/20150817/1.jpg"</span>);</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li></ul>

    内部会自动根据imageview的大小自动对图片进行合适的压缩。虽然,这里可能不适合一次性加载大量图片的场景,但是对于app中偶尔有几个图片的加载,还是可用的。


四、整合Gson

很多人提出项目中使用时,服务端返回的是Json字符串,希望客户端回调可以直接拿到对象,于是整合进入了Gson,完善该功能。

(一)直接回调对象

例如现在有个User实体类:

<code class="language-java hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial; "><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">package</span> com.zhy.utils.http.okhttp;

<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-class" style="box-sizing: border-box; "><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">class</span> <span class="hljs-title" style="box-sizing: border-box; color: rgb(102, 0, 102); ">User</span> {</span>

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> String username ; 
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> String password  ;

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-title" style="box-sizing: border-box; ">User</span>() {
        <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box; ">// TODO Auto-generated constructor stub</span>
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-title" style="box-sizing: border-box; ">User</span>(String username, String password) {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">this</span>.username = username;
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">this</span>.password = password;
    }

    <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> String <span class="hljs-title" style="box-sizing: border-box; ">toString</span>()
    {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"User{"</span> +
                <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"username='"</span> + username + <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">'\''</span> +
                <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">", password='"</span> + password + <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">'\''</span> +
                <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">'}'</span>;
    }
}</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li><li style="box-sizing: border-box; padding: 0px 5px; ">11</li><li style="box-sizing: border-box; padding: 0px 5px; ">12</li><li style="box-sizing: border-box; padding: 0px 5px; ">13</li><li style="box-sizing: border-box; padding: 0px 5px; ">14</li><li style="box-sizing: border-box; padding: 0px 5px; ">15</li><li style="box-sizing: border-box; padding: 0px 5px; ">16</li><li style="box-sizing: border-box; padding: 0px 5px; ">17</li><li style="box-sizing: border-box; padding: 0px 5px; ">18</li><li style="box-sizing: border-box; padding: 0px 5px; ">19</li><li style="box-sizing: border-box; padding: 0px 5px; ">20</li><li style="box-sizing: border-box; padding: 0px 5px; ">21</li><li style="box-sizing: border-box; padding: 0px 5px; ">22</li><li style="box-sizing: border-box; padding: 0px 5px; ">23</li><li style="box-sizing: border-box; padding: 0px 5px; ">24</li><li style="box-sizing: border-box; padding: 0px 5px; ">25</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li><li style="box-sizing: border-box; padding: 0px 5px; ">11</li><li style="box-sizing: border-box; padding: 0px 5px; ">12</li><li style="box-sizing: border-box; padding: 0px 5px; ">13</li><li style="box-sizing: border-box; padding: 0px 5px; ">14</li><li style="box-sizing: border-box; padding: 0px 5px; ">15</li><li style="box-sizing: border-box; padding: 0px 5px; ">16</li><li style="box-sizing: border-box; padding: 0px 5px; ">17</li><li style="box-sizing: border-box; padding: 0px 5px; ">18</li><li style="box-sizing: border-box; padding: 0px 5px; ">19</li><li style="box-sizing: border-box; padding: 0px 5px; ">20</li><li style="box-sizing: border-box; padding: 0px 5px; ">21</li><li style="box-sizing: border-box; padding: 0px 5px; ">22</li><li style="box-sizing: border-box; padding: 0px 5px; ">23</li><li style="box-sizing: border-box; padding: 0px 5px; ">24</li><li style="box-sizing: border-box; padding: 0px 5px; ">25</li></ul>

服务端返回:

<code class="language-xml hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial; ">{"username":"zhy","password":"123"}</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li></ul>

客户端可以如下方式调用:

<code class="language-java hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial; "> OkHttpClientManager.getAsyn(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"http://192.168.56.1:8080/okHttpServer/user!getUser"</span>,
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> OkHttpClientManager.ResultCallback<User>()
{
    <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onError</span>(Request request, Exception e)
    {
        e.printStackTrace();
    }

    <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onResponse</span>(User user)
    {
        mTv.setText(u.toString());<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box; ">//UI线程</span>
    }
});</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li><li style="box-sizing: border-box; padding: 0px 5px; ">11</li><li style="box-sizing: border-box; padding: 0px 5px; ">12</li><li style="box-sizing: border-box; padding: 0px 5px; ">13</li><li style="box-sizing: border-box; padding: 0px 5px; ">14</li><li style="box-sizing: border-box; padding: 0px 5px; ">15</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li><li style="box-sizing: border-box; padding: 0px 5px; ">11</li><li style="box-sizing: border-box; padding: 0px 5px; ">12</li><li style="box-sizing: border-box; padding: 0px 5px; ">13</li><li style="box-sizing: border-box; padding: 0px 5px; ">14</li><li style="box-sizing: border-box; padding: 0px 5px; ">15</li></ul>

我们传入泛型User,在onResponse里面直接回调User对象。 
这里特别要注意的事,如果在json字符串->实体对象过程中发生错误,程序不会崩溃,onError方法会被回调。

注意:这里做了少许的更新,接口命名从StringCallback修改为ResultCallback。接口中的onFailure方法修改为onError

(二) 回调对象集合

依然是上述的User类,服务端返回

<code class="language-xml hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial; ">[{"username":"zhy","password":"123"},{"username":"lmj","password":"12345"}]</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li></ul>

则客户端可以如下调用:

<code class="language-java hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial; ">OkHttpClientManager.getAsyn(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"http://192.168.56.1:8080/okHttpServer/user!getUsers"</span>,
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> OkHttpClientManager.ResultCallback<List<User>>()
{
    <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onError</span>(Request request, Exception e)
    {
        e.printStackTrace();
    }
    <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onResponse</span>(List<User> us)
    {
        Log.e(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"TAG"</span>, us.size() + <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">""</span>);
        mTv.setText(us.get(<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box; ">1</span>).toString());
    }
});</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li><li style="box-sizing: border-box; padding: 0px 5px; ">11</li><li style="box-sizing: border-box; padding: 0px 5px; ">12</li><li style="box-sizing: border-box; padding: 0px 5px; ">13</li><li style="box-sizing: border-box; padding: 0px 5px; ">14</li><li style="box-sizing: border-box; padding: 0px 5px; ">15</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li><li style="box-sizing: border-box; padding: 0px 5px; ">11</li><li style="box-sizing: border-box; padding: 0px 5px; ">12</li><li style="box-sizing: border-box; padding: 0px 5px; ">13</li><li style="box-sizing: border-box; padding: 0px 5px; ">14</li><li style="box-sizing: border-box; padding: 0px 5px; ">15</li></ul>

唯一的区别,就是泛型变为List<User> ,ok , 如果发现bug或者有任何意见欢迎留言。


源码

ok,基本介绍完了,对于封装的代码其实也很简单,我就直接贴出来了,因为也没什么好介绍的,如果你看完上面的用法,肯定可以看懂:

<code class="language-java hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial; "><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">package</span> com.zhy.utils.http.okhttp;

<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> android.graphics.Bitmap;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> android.graphics.BitmapFactory;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> android.os.Handler;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> android.os.Looper;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> android.widget.ImageView;

<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> com.google.gson.Gson;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> com.google.gson.internal.$Gson$Types;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> com.squareup.okhttp.Call;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> com.squareup.okhttp.Callback;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> com.squareup.okhttp.FormEncodingBuilder;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> com.squareup.okhttp.Headers;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> com.squareup.okhttp.MediaType;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> com.squareup.okhttp.MultipartBuilder;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> com.squareup.okhttp.OkHttpClient;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> com.squareup.okhttp.Request;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> com.squareup.okhttp.RequestBody;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> com.squareup.okhttp.Response;

<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> java.io.File;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> java.io.FileOutputStream;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> java.io.IOException;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> java.io.InputStream;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> java.lang.reflect.ParameterizedType;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> java.lang.reflect.Type;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> java.net.CookieManager;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> java.net.CookiePolicy;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> java.net.FileNameMap;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> java.net.URLConnection;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> java.util.HashMap;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> java.util.Map;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">import</span> java.util.Set;

<span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box; ">/**
 * Created by zhy on 15/8/17.
 */</span>
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-class" style="box-sizing: border-box; "><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">class</span> <span class="hljs-title" style="box-sizing: border-box; color: rgb(102, 0, 102); ">OkHttpClientManager</span>
{</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> OkHttpClientManager mInstance;
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> OkHttpClient mOkHttpClient;
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> Handler mDelivery;
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> Gson mGson;


    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> String TAG = <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"OkHttpClientManager"</span>;

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> <span class="hljs-title" style="box-sizing: border-box; ">OkHttpClientManager</span>()
    {
        mOkHttpClient = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> OkHttpClient();
        <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box; ">//cookie enabled</span>
        mOkHttpClient.setCookieHandler(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> CookieManager(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>, CookiePolicy.ACCEPT_ORIGINAL_SERVER));
        mDelivery = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Handler(Looper.getMainLooper());
        mGson = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Gson();
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> OkHttpClientManager <span class="hljs-title" style="box-sizing: border-box; ">getInstance</span>()
    {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">if</span> (mInstance == <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>)
        {
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">synchronized</span> (OkHttpClientManager.class)
            {
                <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">if</span> (mInstance == <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>)
                {
                    mInstance = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> OkHttpClientManager();
                }
            }
        }
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> mInstance;
    }

    <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box; ">/**
     * 同步的Get请求
     *
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> url
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @return</span> Response
     */</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> Response <span class="hljs-title" style="box-sizing: border-box; ">_getAsyn</span>(String url) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> Request request = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Request.Builder()
                .url(url)
                .build();
        Call call = mOkHttpClient.newCall(request);
        Response execute = call.execute();
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> execute;
    }

    <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box; ">/**
     * 同步的Get请求
     *
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> url
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @return</span> 字符串
     */</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> String <span class="hljs-title" style="box-sizing: border-box; ">_getAsString</span>(String url) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        Response execute = _getAsyn(url);
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> execute.body().string();
    }


    <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box; ">/**
     * 异步的get请求
     *
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> url
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> callback
     */</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">_getAsyn</span>(String url, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> ResultCallback callback)
    {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> Request request = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Request.Builder()
                .url(url)
                .build();
        deliveryResult(callback, request);
    }


    <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box; ">/**
     * 同步的Post请求
     *
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> url
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> params post的参数
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @return</span>
     */</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> Response <span class="hljs-title" style="box-sizing: border-box; ">_post</span>(String url, Param... params) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        Request request = buildPostRequest(url, params);
        Response response = mOkHttpClient.newCall(request).execute();
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> response;
    }


    <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box; ">/**
     * 同步的Post请求
     *
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> url
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> params post的参数
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @return</span> 字符串
     */</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> String <span class="hljs-title" style="box-sizing: border-box; ">_postAsString</span>(String url, Param... params) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        Response response = _post(url, params);
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> response.body().string();
    }

    <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box; ">/**
     * 异步的post请求
     *
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> url
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> callback
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> params
     */</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">_postAsyn</span>(String url, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> ResultCallback callback, Param... params)
    {
        Request request = buildPostRequest(url, params);
        deliveryResult(callback, request);
    }

    <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box; ">/**
     * 异步的post请求
     *
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> url
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> callback
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> params
     */</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">_postAsyn</span>(String url, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> ResultCallback callback, Map<String, String> params)
    {
        Param[] paramsArr = map2Params(params);
        Request request = buildPostRequest(url, paramsArr);
        deliveryResult(callback, request);
    }

    <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box; ">/**
     * 同步基于post的文件上传
     *
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> params
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @return</span>
     */</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> Response <span class="hljs-title" style="box-sizing: border-box; ">_post</span>(String url, File[] files, String[] fileKeys, Param... params) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        Request request = buildMultipartFormRequest(url, files, fileKeys, params);
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> mOkHttpClient.newCall(request).execute();
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> Response <span class="hljs-title" style="box-sizing: border-box; ">_post</span>(String url, File file, String fileKey) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        Request request = buildMultipartFormRequest(url, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> File[]{file}, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> String[]{fileKey}, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>);
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> mOkHttpClient.newCall(request).execute();
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> Response <span class="hljs-title" style="box-sizing: border-box; ">_post</span>(String url, File file, String fileKey, Param... params) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        Request request = buildMultipartFormRequest(url, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> File[]{file}, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> String[]{fileKey}, params);
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> mOkHttpClient.newCall(request).execute();
    }

    <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box; ">/**
     * 异步基于post的文件上传
     *
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> url
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> callback
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> files
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> fileKeys
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @throws</span> IOException
     */</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">_postAsyn</span>(String url, ResultCallback callback, File[] files, String[] fileKeys, Param... params) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        Request request = buildMultipartFormRequest(url, files, fileKeys, params);
        deliveryResult(callback, request);
    }

    <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box; ">/**
     * 异步基于post的文件上传,单文件不带参数上传
     *
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> url
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> callback
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> file
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> fileKey
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @throws</span> IOException
     */</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">_postAsyn</span>(String url, ResultCallback callback, File file, String fileKey) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        Request request = buildMultipartFormRequest(url, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> File[]{file}, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> String[]{fileKey}, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>);
        deliveryResult(callback, request);
    }

    <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box; ">/**
     * 异步基于post的文件上传,单文件且携带其他form参数上传
     *
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> url
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> callback
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> file
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> fileKey
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> params
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @throws</span> IOException
     */</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">_postAsyn</span>(String url, ResultCallback callback, File file, String fileKey, Param... params) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        Request request = buildMultipartFormRequest(url, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> File[]{file}, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> String[]{fileKey}, params);
        deliveryResult(callback, request);
    }

    <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box; ">/**
     * 异步下载文件
     *
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> url
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> destFileDir 本地文件存储的文件夹
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> callback
     */</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">_downloadAsyn</span>(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> String url, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> String destFileDir, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> ResultCallback callback)
    {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> Request request = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Request.Builder()
                .url(url)
                .build();
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> Call call = mOkHttpClient.newCall(request);
        call.enqueue(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Callback()
        {
            <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onFailure</span>(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> Request request, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> IOException e)
            {
                sendFailedStringCallback(request, e, callback);
            }

            <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onResponse</span>(Response response)
            {
                InputStream is = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>;
                <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">byte</span>[] buf = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">byte</span>[<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box; ">2048</span>];
                <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">int</span> len = <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box; ">0</span>;
                FileOutputStream fos = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>;
                <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">try</span>
                {
                    is = response.body().byteStream();
                    File file = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> File(destFileDir, getFileName(url));
                    fos = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> FileOutputStream(file);
                    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">while</span> ((len = is.read(buf)) != -<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box; ">1</span>)
                    {
                        fos.write(buf, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box; ">0</span>, len);
                    }
                    fos.flush();
                    <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box; ">//如果下载文件成功,第一个参数为文件的绝对路径</span>
                    sendSuccessResultCallback(file.getAbsolutePath(), callback);
                } <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">catch</span> (IOException e)
                {
                    sendFailedStringCallback(response.request(), e, callback);
                } <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">finally</span>
                {
                    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">try</span>
                    {
                        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">if</span> (is != <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>) is.close();
                    } <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">catch</span> (IOException e)
                    {
                    }
                    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">try</span>
                    {
                        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">if</span> (fos != <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>) fos.close();
                    } <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">catch</span> (IOException e)
                    {
                    }
                }

            }
        });
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> String <span class="hljs-title" style="box-sizing: border-box; ">getFileName</span>(String path)
    {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">int</span> separatorIndex = path.lastIndexOf(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"/"</span>);
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> (separatorIndex < <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box; ">0</span>) ? path : path.substring(separatorIndex + <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box; ">1</span>, path.length());
    }

    <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box; ">/**
     * 加载图片
     *
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> view
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @param</span> url
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box; "> @throws</span> IOException
     */</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">_displayImage</span>(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> ImageView view, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> String url, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">int</span> errorResId)
    {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> Request request = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Request.Builder()
                .url(url)
                .build();
        Call call = mOkHttpClient.newCall(request);
        call.enqueue(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Callback()
        {
            <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onFailure</span>(Request request, IOException e)
            {
                setErrorResId(view, errorResId);
            }

            <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onResponse</span>(Response response)
            {
                InputStream is = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>;
                <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">try</span>
                {
                    is = response.body().byteStream();
                    ImageUtils.ImageSize actualImageSize = ImageUtils.getImageSize(is);
                    ImageUtils.ImageSize imageViewSize = ImageUtils.getImageViewSize(view);
                    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">int</span> inSampleSize = ImageUtils.calculateInSampleSize(actualImageSize, imageViewSize);
                    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">try</span>
                    {
                        is.reset();
                    } <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">catch</span> (IOException e)
                    {
                        response = _getAsyn(url);
                        is = response.body().byteStream();
                    }

                    BitmapFactory.Options ops = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> BitmapFactory.Options();
                    ops.inJustDecodeBounds = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">false</span>;
                    ops.inSampleSize = inSampleSize;
                    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> Bitmap bm = BitmapFactory.decodeStream(is, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>, ops);
                    mDelivery.post(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Runnable()
                    {
                        <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
                        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">run</span>()
                        {
                            view.setImageBitmap(bm);
                        }
                    });
                } <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">catch</span> (Exception e)
                {
                    setErrorResId(view, errorResId);

                } <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">finally</span>
                {
                    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">if</span> (is != <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">try</span>
                    {
                        is.close();
                    } <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">catch</span> (IOException e)
                    {
                        e.printStackTrace();
                    }
                }
            }
        });


    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">setErrorResId</span>(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> ImageView view, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">int</span> errorResId)
    {
        mDelivery.post(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Runnable()
        {
            <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">run</span>()
            {
                view.setImageResource(errorResId);
            }
        });
    }


    <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box; ">//*************对外公布的方法************</span>


    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> Response <span class="hljs-title" style="box-sizing: border-box; ">getAsyn</span>(String url) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> getInstance()._getAsyn(url);
    }


    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> String <span class="hljs-title" style="box-sizing: border-box; ">getAsString</span>(String url) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> getInstance()._getAsString(url);
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">getAsyn</span>(String url, ResultCallback callback)
    {
        getInstance()._getAsyn(url, callback);
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> Response <span class="hljs-title" style="box-sizing: border-box; ">post</span>(String url, Param... params) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> getInstance()._post(url, params);
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> String <span class="hljs-title" style="box-sizing: border-box; ">postAsString</span>(String url, Param... params) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> getInstance()._postAsString(url, params);
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">postAsyn</span>(String url, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> ResultCallback callback, Param... params)
    {
        getInstance()._postAsyn(url, callback, params);
    }


    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">postAsyn</span>(String url, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> ResultCallback callback, Map<String, String> params)
    {
        getInstance()._postAsyn(url, callback, params);
    }


    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> Response <span class="hljs-title" style="box-sizing: border-box; ">post</span>(String url, File[] files, String[] fileKeys, Param... params) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> getInstance()._post(url, files, fileKeys, params);
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> Response <span class="hljs-title" style="box-sizing: border-box; ">post</span>(String url, File file, String fileKey) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> getInstance()._post(url, file, fileKey);
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> Response <span class="hljs-title" style="box-sizing: border-box; ">post</span>(String url, File file, String fileKey, Param... params) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> getInstance()._post(url, file, fileKey, params);
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">postAsyn</span>(String url, ResultCallback callback, File[] files, String[] fileKeys, Param... params) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        getInstance()._postAsyn(url, callback, files, fileKeys, params);
    }


    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">postAsyn</span>(String url, ResultCallback callback, File file, String fileKey) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        getInstance()._postAsyn(url, callback, file, fileKey);
    }


    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">postAsyn</span>(String url, ResultCallback callback, File file, String fileKey, Param... params) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        getInstance()._postAsyn(url, callback, file, fileKey, params);
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">displayImage</span>(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> ImageView view, String url, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">int</span> errorResId) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throws</span> IOException
    {
        getInstance()._displayImage(view, url, errorResId);
    }


    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">displayImage</span>(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> ImageView view, String url)
    {
        getInstance()._displayImage(view, url, -<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box; ">1</span>);
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">downloadAsyn</span>(String url, String destDir, ResultCallback callback)
    {
        getInstance()._downloadAsyn(url, destDir, callback);
    }

    <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box; ">//****************************</span>


    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> Request <span class="hljs-title" style="box-sizing: border-box; ">buildMultipartFormRequest</span>(String url, File[] files,
                                              String[] fileKeys, Param[] params)
    {
        params = validateParam(params);

        MultipartBuilder builder = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> MultipartBuilder()
                .type(MultipartBuilder.FORM);

        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">for</span> (Param param : params)
        {
            builder.addPart(Headers.of(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"Content-Disposition"</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"form-data; name=\""</span> + param.key + <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"\""</span>),
                    RequestBody.create(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>, param.value));
        }
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">if</span> (files != <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>)
        {
            RequestBody fileBody = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>;
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">for</span> (<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">int</span> i = <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box; ">0</span>; i < files.length; i++)
            {
                File file = files[i];
                String fileName = file.getName();
                fileBody = RequestBody.create(MediaType.parse(guessMimeType(fileName)), file);
                <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box; ">//TODO 根据文件名设置contentType</span>
                builder.addPart(Headers.of(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"Content-Disposition"</span>,
                                <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"form-data; name=\""</span> + fileKeys[i] + <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"\"; filename=\""</span> + fileName + <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"\""</span>),
                        fileBody);
            }
        }

        RequestBody requestBody = builder.build();
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Request.Builder()
                .url(url)
                .post(requestBody)
                .build();
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> String <span class="hljs-title" style="box-sizing: border-box; ">guessMimeType</span>(String path)
    {
        FileNameMap fileNameMap = URLConnection.getFileNameMap();
        String contentTypeFor = fileNameMap.getContentTypeFor(path);
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">if</span> (contentTypeFor == <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>)
        {
            contentTypeFor = <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"application/octet-stream"</span>;
        }
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> contentTypeFor;
    }


    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> Param[] <span class="hljs-title" style="box-sizing: border-box; ">validateParam</span>(Param[] params)
    {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">if</span> (params == <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>)
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Param[<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box; ">0</span>];
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">else</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> params;
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> Param[] <span class="hljs-title" style="box-sizing: border-box; ">map2Params</span>(Map<String, String> params)
    {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">if</span> (params == <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Param[<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box; ">0</span>];
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">int</span> size = params.size();
        Param[] res = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Param[size];
        Set<Map.Entry<String, String>> entries = params.entrySet();
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">int</span> i = <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box; ">0</span>;
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">for</span> (Map.Entry<String, String> entry : entries)
        {
            res[i++] = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Param(entry.getKey(), entry.getValue());
        }
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> res;
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> String SESSION_KEY = <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"Set-Cookie"</span>;
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> String mSessionKey = <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"JSESSIONID"</span>;

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> Map<String, String> mSessions = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> HashMap<String, String>();

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">deliveryResult</span>(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> ResultCallback callback, Request request)
    {
        mOkHttpClient.newCall(request).enqueue(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Callback()
        {
            <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onFailure</span>(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> Request request, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> IOException e)
            {
                sendFailedStringCallback(request, e, callback);
            }

            <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onResponse</span>(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> Response response)
            {
                <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">try</span>
                {
                    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> String string = response.body().string();
                    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">if</span> (callback.mType == String.class)
                    {
                        sendSuccessResultCallback(string, callback);
                    } <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">else</span>
                    {
                        Object o = mGson.fromJson(string, callback.mType);
                        sendSuccessResultCallback(o, callback);
                    }


                } <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">catch</span> (IOException e)
                {
                    sendFailedStringCallback(response.request(), e, callback);
                } <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">catch</span> (com.google.gson.JsonParseException e)<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box; ">//Json解析的错误</span>
                {
                    sendFailedStringCallback(response.request(), e, callback);
                }

            }
        });
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">sendFailedStringCallback</span>(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> Request request, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> Exception e, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> ResultCallback callback)
    {
        mDelivery.post(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Runnable()
        {
            <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">run</span>()
            {
                <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">if</span> (callback != <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>)
                    callback.onError(request, e);
            }
        });
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">sendSuccessResultCallback</span>(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> Object object, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">final</span> ResultCallback callback)
    {
        mDelivery.post(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Runnable()
        {
            <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box; ">@Override</span>
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">run</span>()
            {
                <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">if</span> (callback != <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>)
                {
                    callback.onResponse(object);
                }
            }
        });
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">private</span> Request <span class="hljs-title" style="box-sizing: border-box; ">buildPostRequest</span>(String url, Param[] params)
    {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">if</span> (params == <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">null</span>)
        {
            params = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Param[<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box; ">0</span>];
        }
        FormEncodingBuilder builder = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> FormEncodingBuilder();
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">for</span> (Param param : params)
        {
            builder.add(param.key, param.value);
        }
        RequestBody requestBody = builder.build();
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> Request.Builder()
                .url(url)
                .post(requestBody)
                .build();
    }


    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">abstract</span> <span class="hljs-class" style="box-sizing: border-box; "><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">class</span> <span class="hljs-title" style="box-sizing: border-box; color: rgb(102, 0, 102); ">ResultCallback</span><<span class="hljs-title" style="box-sizing: border-box; color: rgb(102, 0, 102); ">T</span>>
    {</span>
        Type mType;

        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-title" style="box-sizing: border-box; ">ResultCallback</span>()
        {
            mType = getSuperclassTypeParameter(getClass());
        }

        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> Type getSuperclassTypeParameter(Class<?> subclass)
        {
            Type superclass = subclass.getGenericSuperclass();
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">if</span> (superclass <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">instanceof</span> Class)
            {
                <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">throw</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">new</span> RuntimeException(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box; ">"Missing type parameter."</span>);
            }
            ParameterizedType parameterized = (ParameterizedType) superclass;
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">return</span> $Gson$Types.canonicalize(parameterized.getActualTypeArguments()[<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box; ">0</span>]);
        }

        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">abstract</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onError</span>(Request request, Exception e);

        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">abstract</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">void</span> <span class="hljs-title" style="box-sizing: border-box; ">onResponse</span>(T response);
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">static</span> <span class="hljs-class" style="box-sizing: border-box; "><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">class</span> <span class="hljs-title" style="box-sizing: border-box; color: rgb(102, 0, 102); ">Param</span>
    {</span>
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-title" style="box-sizing: border-box; ">Param</span>()
        {
        }

        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">public</span> <span class="hljs-title" style="box-sizing: border-box; ">Param</span>(String key, String value)
        {
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">this</span>.key = key;
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box; ">this</span>.value = value;
        }

        String key;
        String value;
    }


}

</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li><li style="box-sizing: border-box; padding: 0px 5px; ">11</li><li style="box-sizing: border-box; padding: 0px 5px; ">12</li><li style="box-sizing: border-box; padding: 0px 5px; ">13</li><li style="box-sizing: border-box; padding: 0px 5px; ">14</li><li style="box-sizing: border-box; padding: 0px 5px; ">15</li><li style="box-sizing: border-box; padding: 0px 5px; ">16</li><li style="box-sizing: border-box; padding: 0px 5px; ">17</li><li style="box-sizing: border-box; padding: 0px 5px; ">18</li><li style="box-sizing: border-box; padding: 0px 5px; ">19</li><li style="box-sizing: border-box; padding: 0px 5px; ">20</li><li style="box-sizing: border-box; padding: 0px 5px; ">21</li><li style="box-sizing: border-box; padding: 0px 5px; ">22</li><li style="box-sizing: border-box; padding: 0px 5px; ">23</li><li style="box-sizing: border-box; padding: 0px 5px; ">24</li><li style="box-sizing: border-box; padding: 0px 5px; ">25</li><li style="box-sizing: border-box; padding: 0px 5px; ">26</li><li style="box-sizing: border-box; padding: 0px 5px; ">27</li><li style="box-sizing: border-box; padding: 0px 5px; ">28</li><li style="box-sizing: border-box; padding: 0px 5px; ">29</li><li style="box-sizing: border-box; padding: 0px 5px; ">30</li><li style="box-sizing: border-box; padding: 0px 5px; ">31</li><li style="box-sizing: border-box; padding: 0px 5px; ">32</li><li style="box-sizing: border-box; padding: 0px 5px; ">33</li><li style="box-sizing: border-box; padding: 0px 5px; ">34</li><li style="box-sizing: border-box; padding: 0px 5px; ">35</li><li style="box-sizing: border-box; padding: 0px 5px; ">36</li><li style="box-sizing: border-box; padding: 0px 5px; ">37</li><li style="box-sizing: border-box; padding: 0px 5px; ">38</li><li style="box-sizing: border-box; padding: 0px 5px; ">39</li><li style="box-sizing: border-box; padding: 0px 5px; ">40</li><li style="box-sizing: border-box; padding: 0px 5px; ">41</li><li style="box-sizing: border-box; padding: 0px 5px; ">42</li><li style="box-sizing: border-box; padding: 0px 5px; ">43</li><li style="box-sizing: border-box; padding: 0px 5px; ">44</li><li style="box-sizing: border-box; padding: 0px 5px; ">45</li><li style="box-sizing: border-box; padding: 0px 5px; ">46</li><li style="box-sizing: border-box; padding: 0px 5px; ">47</li><li style="box-sizing: border-box; padding: 0px 5px; ">48</li><li style="box-sizing: border-box; padding: 0px 5px; ">49</li><li style="box-sizing: border-box; padding: 0px 5px; ">50</li><li style="box-sizing: border-box; padding: 0px 5px; ">51</li><li style="box-sizing: border-box; padding: 0px 5px; ">52</li><li style="box-sizing: border-box; padding: 0px 5px; ">53</li><li style="box-sizing: border-box; padding: 0px 5px; ">54</li><li style="box-sizing: border-box; padding: 0px 5px; ">55</li><li style="box-sizing: border-box; padding: 0px 5px; ">56</li><li style="box-sizing: border-box; padding: 0px 5px; ">57</li><li style="box-sizing: border-box; padding: 0px 5px; ">58</li><li style="box-sizing: border-box; padding: 0px 5px; ">59</li><li style="box-sizing: border-box; padding: 0px 5px; ">60</li><li style="box-sizing: border-box; padding: 0px 5px; ">61</li><li style="box-sizing: border-box; padding: 0px 5px; ">62</li><li style="box-sizing: border-box; padding: 0px 5px; ">63</li><li style="box-sizing: border-box; padding: 0px 5px; ">64</li><li style="box-sizing: border-box; padding: 0px 5px; ">65</li><li style="box-sizing: border-box; padding: 0px 5px; ">66</li><li style="box-sizing: border-box; padding: 0px 5px; ">67</li><li style="box-sizing: border-box; padding: 0px 5px; ">68</li><li style="box-sizing: border-box; padding: 0px 5px; ">69</li><li style="box-sizing: border-box; padding: 0px 5px; ">70</li><li style="box-sizing: border-box; padding: 0px 5px; ">71</li><li style="box-sizing: border-box; padding: 0px 5px; ">72</li><li style="box-sizing: border-box; padding: 0px 5px; ">73</li><li style="box-sizing: border-box; padding: 0px 5px; ">74</li><li style="box-sizing: border-box; padding: 0px 5px; ">75</li><li style="box-sizing: border-box; padding: 0px 5px; ">76</li><li style="box-sizing: border-box; padding: 0px 5px; ">77</li><li style="box-sizing: border-box; padding: 0px 5px; ">78</li><li style="box-sizing: border-box; padding: 0px 5px; ">79</li><li style="box-sizing: border-box; padding: 0px 5px; ">80</li><li style="box-sizing: border-box; padding: 0px 5px; ">81</li><li style="box-sizing: border-box; padding: 0px 5px; ">82</li><li style="box-sizing: border-box; padding: 0px 5px; ">83</li><li style="box-sizing: border-box; padding: 0px 5px; ">84</li><li style="box-sizing: border-box; padding: 0px 5px; ">85</li><li style="box-sizing: border-box; padding: 0px 5px; ">86</li><li style="box-sizing: border-box; padding: 0px 5px; ">87</li><li style="box-sizing: border-box; padding: 0px 5px; ">88</li><li style="box-sizing: border-box; padding: 0px 5px; ">89</li><li style="box-sizing: border-box; padding: 0px 5px; ">90</li><li style="box-sizing: border-box; padding: 0px 5px; ">91</li><li style="box-sizing: border-box; padding: 0px 5px; ">92</li><li style="box-sizing: border-box; padding: 0px 5px; ">93</li><li style="box-sizing: border-box; padding: 0px 5px; ">94</li><li style="box-sizing: border-box; padding: 0px 5px; ">95</li><li style="box-sizing: border-box; padding: 0px 5px; ">96</li><li style="box-sizing: border-box; padding: 0px 5px; ">97</li><li style="box-sizing: border-box; padding: 0px 5px; ">98</li><li style="box-sizing: border-box; padding: 0px 5px; ">99</li><li style="box-sizing: border-box; padding: 0px 5px; ">100</li><li style="box-sizing: border-box; padding: 0px 5px; ">101</li><li style="box-sizing: border-box; padding: 0px 5px; ">102</li><li style="box-sizing: border-box; padding: 0px 5px; ">103</li><li style="box-sizing: border-box; padding: 0px 5px; ">104</li><li style="box-sizing: border-box; padding: 0px 5px; ">105</li><li style="box-sizing: border-box; padding: 0px 5px; ">106</li><li style="box-sizing: border-box; padding: 0px 5px; ">107</li><li style="box-sizing: border-box; padding: 0px 5px; ">108</li><li style="box-sizing: border-box; padding: 0px 5px; ">109</li><li style="box-sizing: border-box; padding: 0px 5px; ">110</li><li style="box-sizing: border-box; padding: 0px 5px; ">111</li><li style="box-sizing: border-box; padding: 0px 5px; ">112</li><li style="box-sizing: border-box; padding: 0px 5px; ">113</li><li style="box-sizing: border-box; padding: 0px 5px; ">114</li><li style="box-sizing: border-box; padding: 0px 5px; ">115</li><li style="box-sizing: border-box; padding: 0px 5px; ">116</li><li style="box-sizing: border-box; padding: 0px 5px; ">117</li><li style="box-sizing: border-box; padding: 0px 5px; ">118</li><li style="box-sizing: border-box; padding: 0px 5px; ">119</li><li style="box-sizing: border-box; padding: 0px 5px; ">120</li><li style="box-sizing: border-box; padding: 0px 5px; ">121</li><li style="box-sizing: border-box; padding: 0px 5px; ">122</li><li style="box-sizing: border-box; padding: 0px 5px; ">123</li><li style="box-sizing: border-box; padding: 0px 5px; ">124</li><li style="box-sizing: border-box; padding: 0px 5px; ">125</li><li style="box-sizing: border-box; padding: 0px 5px; ">126</li><li style="box-sizing: border-box; padding: 0px 5px; ">127</li><li style="box-sizing: border-box; padding: 0px 5px; ">128</li><li style="box-sizing: border-box; padding: 0px 5px; ">129</li><li style="box-sizing: border-box; padding: 0px 5px; ">130</li><li style="box-sizing: border-box; padding: 0px 5px; ">131</li><li style="box-sizing: border-box; padding: 0px 5px; ">132</li><li style="box-sizing: border-box; padding: 0px 5px; ">133</li><li style="box-sizing: border-box; padding: 0px 5px; ">134</li><li style="box-sizing: border-box; padding: 0px 5px; ">135</li><li style="box-sizing: border-box; padding: 0px 5px; ">136</li><li style="box-sizing: border-box; padding: 0px 5px; ">137</li><li style="box-sizing: border-box; padding: 0px 5px; ">138</li><li style="box-sizing: border-box; padding: 0px 5px; ">139</li><li style="box-sizing: border-box; padding: 0px 5px; ">140</li><li style="box-sizing: border-box; padding: 0px 5px; ">141</li><li style="box-sizing: border-box; padding: 0px 5px; ">142</li><li style="box-sizing: border-box; padding: 0px 5px; ">143</li><li style="box-sizing: border-box; padding: 0px 5px; ">144</li><li style="box-sizing: border-box; padding: 0px 5px; ">145</li><li style="box-sizing: border-box; padding: 0px 5px; ">146</li><li style="box-sizing: border-box; padding: 0px 5px; ">147</li><li style="box-sizing: border-box; padding: 0px 5px; ">148</li><li style="box-sizing: border-box; padding: 0px 5px; ">149</li><li style="box-sizing: border-box; padding: 0px 5px; ">150</li><li style="box-sizing: border-box; padding: 0px 5px; ">151</li><li style="box-sizing: border-box; padding: 0px 5px; ">152</li><li style="box-sizing: border-box; padding: 0px 5px; ">153</li><li style="box-sizing: border-box; padding: 0px 5px; ">154</li><li style="box-sizing: border-box; padding: 0px 5px; ">155</li><li style="box-sizing: border-box; padding: 0px 5px; ">156</li><li style="box-sizing: border-box; padding: 0px 5px; ">157</li><li style="box-sizing: border-box; padding: 0px 5px; ">158</li><li style="box-sizing: border-box; padding: 0px 5px; ">159</li><li style="box-sizing: border-box; padding: 0px 5px; ">160</li><li style="box-sizing: border-box; padding: 0px 5px; ">161</li><li style="box-sizing: border-box; padding: 0px 5px; ">162</li><li style="box-sizing: border-box; padding: 0px 5px; ">163</li><li style="box-sizing: border-box; padding: 0px 5px; ">164</li><li style="box-sizing: border-box; padding: 0px 5px; ">165</li><li style="box-sizing: border-box; padding: 0px 5px; ">166</li><li style="box-sizing: border-box; padding: 0px 5px; ">167</li><li style="box-sizing: border-box; padding: 0px 5px; ">168</li><li style="box-sizing: border-box; padding: 0px 5px; ">169</li><li style="box-sizing: border-box; padding: 0px 5px; ">170</li><li style="box-sizing: border-box; padding: 0px 5px; ">171</li><li style="box-sizing: border-box; padding: 0px 5px; ">172</li><li style="box-sizing: border-box; padding: 0px 5px; ">173</li><li style="box-sizing: border-box; padding: 0px 5px; ">174</li><li style="box-sizing: border-box; padding: 0px 5px; ">175</li><li style="box-sizing: border-box; padding: 0px 5px; ">176</li><li style="box-sizing: border-box; padding: 0px 5px; ">177</li><li style="box-sizing: border-box; padding: 0px 5px; ">178</li><li style="box-sizing: border-box; padding: 0px 5px; ">179</li><li style="box-sizing: border-box; padding: 0px 5px; ">180</li><li style="box-sizing: border-box; padding: 0px 5px; ">181</li><li style="box-sizing: border-box; padding: 0px 5px; ">182</li><li style="box-sizing: border-box; padding: 0px 5px; ">183</li><li style="box-sizing: border-box; padding: 0px 5px; ">184</li><li style="box-sizing: border-box; padding: 0px 5px; ">185</li><li style="box-sizing: border-box; padding: 0px 5px; ">186</li><li style="box-sizing: border-box; padding: 0px 5px; ">187</li><li style="box-sizing: border-box; padding: 0px 5px; ">188</li><li style="box-sizing: border-box; padding: 0px 5px; ">189</li><li style="box-sizing: border-box; padding: 0px 5px; ">190</li><li style="box-sizing: border-box; padding: 0px 5px; ">191</li><li style="box-sizing: border-box; padding: 0px 5px; ">192</li><li style="box-sizing: border-box; padding: 0px 5px; ">193</li><li style="box-sizing: border-box; padding: 0px 5px; ">194</li><li style="box-sizing: border-box; padding: 0px 5px; ">195</li><li style="box-sizing: border-box; padding: 0px 5px; ">196</li><li style="box-sizing: border-box; padding: 0px 5px; ">197</li><li style="box-sizing: border-box; padding: 0px 5px; ">198</li><li style="box-sizing: border-box; padding: 0px 5px; ">199</li><li style="box-sizing: border-box; padding: 0px 5px; ">200</li><li style="box-sizing: border-box; padding: 0px 5px; ">201</li><li style="box-sizing: border-box; padding: 0px 5px; ">202</li><li style="box-sizing: border-box; padding: 0px 5px; ">203</li><li style="box-sizing: border-box; padding: 0px 5px; ">204</li><li style="box-sizing: border-box; padding: 0px 5px; ">205</li><li style="box-sizing: border-box; padding: 0px 5px; ">206</li><li style="box-sizing: border-box; padding: 0px 5px; ">207</li><li style="box-sizing: border-box; padding: 0px 5px; ">208</li><li style="box-sizing: border-box; padding: 0px 5px; ">209</li><li style="box-sizing: border-box; padding: 0px 5px; ">210</li><li style="box-sizing: border-box; padding: 0px 5px; ">211</li><li style="box-sizing: border-box; padding: 0px 5px; ">212</li><li style="box-sizing: border-box; padding: 0px 5px; ">213</li><li style="box-sizing: border-box; padding: 0px 5px; ">214</li><li style="box-sizing: border-box; padding: 0px 5px; ">215</li><li style="box-sizing: border-box; padding: 0px 5px; ">216</li><li style="box-sizing: border-box; padding: 0px 5px; ">217</li><li style="box-sizing: border-box; padding: 0px 5px; ">218</li><li style="box-sizing: border-box; padding: 0px 5px; ">219</li><li style="box-sizing: border-box; padding: 0px 5px; ">220</li><li style="box-sizing: border-box; padding: 0px 5px; ">221</li><li style="box-sizing: border-box; padding: 0px 5px; ">222</li><li style="box-sizing: border-box; padding: 0px 5px; ">223</li><li style="box-sizing: border-box; padding: 0px 5px; ">224</li><li style="box-sizing: border-box; padding: 0px 5px; ">225</li><li style="box-sizing: border-box; padding: 0px 5px; ">226</li><li style="box-sizing: border-box; padding: 0px 5px; ">227</li><li style="box-sizing: border-box; padding: 0px 5px; ">228</li><li style="box-sizing: border-box; padding: 0px 5px; ">229</li><li style="box-sizing: border-box; padding: 0px 5px; ">230</li><li style="box-sizing: border-box; padding: 0px 5px; ">231</li><li style="box-sizing: border-box; padding: 0px 5px; ">232</li><li style="box-sizing: border-box; padding: 0px 5px; ">233</li><li style="box-sizing: border-box; padding: 0px 5px; ">234</li><li style="box-sizing: border-box; padding: 0px 5px; ">235</li><li style="box-sizing: border-box; padding: 0px 5px; ">236</li><li style="box-sizing: border-box; padding: 0px 5px; ">237</li><li style="box-sizing: border-box; padding: 0px 5px; ">238</li><li style="box-sizing: border-box; padding: 0px 5px; ">239</li><li style="box-sizing: border-box; padding: 0px 5px; ">240</li><li style="box-sizing: border-box; padding: 0px 5px; ">241</li><li style="box-sizing: border-box; padding: 0px 5px; ">242</li><li style="box-sizing: border-box; padding: 0px 5px; ">243</li><li style="box-sizing: border-box; padding: 0px 5px; ">244</li><li style="box-sizing: border-box; padding: 0px 5px; ">245</li><li style="box-sizing: border-box; padding: 0px 5px; ">246</li><li style="box-sizing: border-box; padding: 0px 5px; ">247</li><li style="box-sizing: border-box; padding: 0px 5px; ">248</li><li style="box-sizing: border-box; padding: 0px 5px; ">249</li><li style="box-sizing: border-box; padding: 0px 5px; ">250</li><li style="box-sizing: border-box; padding: 0px 5px; ">251</li><li style="box-sizing: border-box; padding: 0px 5px; ">252</li><li style="box-sizing: border-box; padding: 0px 5px; ">253</li><li style="box-sizing: border-box; padding: 0px 5px; ">254</li><li style="box-sizing: border-box; padding: 0px 5px; ">255</li><li style="box-sizing: border-box; padding: 0px 5px; ">256</li><li style="box-sizing: border-box; padding: 0px 5px; ">257</li><li style="box-sizing: border-box; padding: 0px 5px; ">258</li><li style="box-sizing: border-box; padding: 0px 5px; ">259</li><li style="box-sizing: border-box; padding: 0px 5px; ">260</li><li style="box-sizing: border-box; padding: 0px 5px; ">261</li><li style="box-sizing: border-box; padding: 0px 5px; ">262</li><li style="box-sizing: border-box; padding: 0px 5px; ">263</li><li style="box-sizing: border-box; padding: 0px 5px; ">264</li><li style="box-sizing: border-box; padding: 0px 5px; ">265</li><li style="box-sizing: border-box; padding: 0px 5px; ">266</li><li style="box-sizing: border-box; padding: 0px 5px; ">267</li><li style="box-sizing: border-box; padding: 0px 5px; ">268</li><li style="box-sizing: border-box; padding: 0px 5px; ">269</li><li style="box-sizing: border-box; padding: 0px 5px; ">270</li><li style="box-sizing: border-box; padding: 0px 5px; ">271</li><li style="box-sizing: border-box; padding: 0px 5px; ">272</li><li style="box-sizing: border-box; padding: 0px 5px; ">273</li><li style="box-sizing: border-box; padding: 0px 5px; ">274</li><li style="box-sizing: border-box; padding: 0px 5px; ">275</li><li style="box-sizing: border-box; padding: 0px 5px; ">276</li><li style="box-sizing: border-box; padding: 0px 5px; ">277</li><li style="box-sizing: border-box; padding: 0px 5px; ">278</li><li style="box-sizing: border-box; padding: 0px 5px; ">279</li><li style="box-sizing: border-box; padding: 0px 5px; ">280</li><li style="box-sizing: border-box; padding: 0px 5px; ">281</li><li style="box-sizing: border-box; padding: 0px 5px; ">282</li><li style="box-sizing: border-box; padding: 0px 5px; ">283</li><li style="box-sizing: border-box; padding: 0px 5px; ">284</li><li style="box-sizing: border-box; padding: 0px 5px; ">285</li><li style="box-sizing: border-box; padding: 0px 5px; ">286</li><li style="box-sizing: border-box; padding: 0px 5px; ">287</li><li style="box-sizing: border-box; padding: 0px 5px; ">288</li><li style="box-sizing: border-box; padding: 0px 5px; ">289</li><li style="box-sizing: border-box; padding: 0px 5px; ">290</li><li style="box-sizing: border-box; padding: 0px 5px; ">291</li><li style="box-sizing: border-box; padding: 0px 5px; ">292</li><li style="box-sizing: border-box; padding: 0px 5px; ">293</li><li style="box-sizing: border-box; padding: 0px 5px; ">294</li><li style="box-sizing: border-box; padding: 0px 5px; ">295</li><li style="box-sizing: border-box; padding: 0px 5px; ">296</li><li style="box-sizing: border-box; padding: 0px 5px; ">297</li><li style="box-sizing: border-box; padding: 0px 5px; ">298</li><li style="box-sizing: border-box; padding: 0px 5px; ">299</li><li style="box-sizing: border-box; padding: 0px 5px; ">300</li><li style="box-sizing: border-box; padding: 0px 5px; ">301</li><li style="box-sizing: border-box; padding: 0px 5px; ">302</li><li style="box-sizing: border-box; padding: 0px 5px; ">303</li><li style="box-sizing: border-box; padding: 0px 5px; ">304</li><li style="box-sizing: border-box; padding: 0px 5px; ">305</li><li style="box-sizing: border-box; padding: 0px 5px; ">306</li><li style="box-sizing: border-box; padding: 0px 5px; ">307</li><li style="box-sizing: border-box; padding: 0px 5px; ">308</li><li style="box-sizing: border-box; padding: 0px 5px; ">309</li><li style="box-sizing: border-box; padding: 0px 5px; ">310</li><li style="box-sizing: border-box; padding: 0px 5px; ">311</li><li style="box-sizing: border-box; padding: 0px 5px; ">312</li><li style="box-sizing: border-box; padding: 0px 5px; ">313</li><li style="box-sizing: border-box; padding: 0px 5px; ">314</li><li style="box-sizing: border-box; padding: 0px 5px; ">315</li><li style="box-sizing: border-box; padding: 0px 5px; ">316</li><li style="box-sizing: border-box; padding: 0px 5px; ">317</li><li style="box-sizing: border-box; padding: 0px 5px; ">318</li><li style="box-sizing: border-box; padding: 0px 5px; ">319</li><li style="box-sizing: border-box; padding: 0px 5px; ">320</li><li style="box-sizing: border-box; padding: 0px 5px; ">321</li><li style="box-sizing: border-box; padding: 0px 5px; ">322</li><li style="box-sizing: border-box; padding: 0px 5px; ">323</li><li style="box-sizing: border-box; padding: 0px 5px; ">324</li><li style="box-sizing: border-box; padding: 0px 5px; ">325</li><li style="box-sizing: border-box; padding: 0px 5px; ">326</li><li style="box-sizing: border-box; padding: 0px 5px; ">327</li><li style="box-sizing: border-box; padding: 0px 5px; ">328</li><li style="box-sizing: border-box; padding: 0px 5px; ">329</li><li style="box-sizing: border-box; padding: 0px 5px; ">330</li><li style="box-sizing: border-box; padding: 0px 5px; ">331</li><li style="box-sizing: border-box; padding: 0px 5px; ">332</li><li style="box-sizing: border-box; padding: 0px 5px; ">333</li><li style="box-sizing: border-box; padding: 0px 5px; ">334</li><li style="box-sizing: border-box; padding: 0px 5px; ">335</li><li style="box-sizing: border-box; padding: 0px 5px; ">336</li><li style="box-sizing: border-box; padding: 0px 5px; ">337</li><li style="box-sizing: border-box; padding: 0px 5px; ">338</li><li style="box-sizing: border-box; padding: 0px 5px; ">339</li><li style="box-sizing: border-box; padding: 0px 5px; ">340</li><li style="box-sizing: border-box; padding: 0px 5px; ">341</li><li style="box-sizing: border-box; padding: 0px 5px; ">342</li><li style="box-sizing: border-box; padding: 0px 5px; ">343</li><li style="box-sizing: border-box; padding: 0px 5px; ">344</li><li style="box-sizing: border-box; padding: 0px 5px; ">345</li><li style="box-sizing: border-box; padding: 0px 5px; ">346</li><li style="box-sizing: border-box; padding: 0px 5px; ">347</li><li style="box-sizing: border-box; padding: 0px 5px; ">348</li><li style="box-sizing: border-box; padding: 0px 5px; ">349</li><li style="box-sizing: border-box; padding: 0px 5px; ">350</li><li style="box-sizing: border-box; padding: 0px 5px; ">351</li><li style="box-sizing: border-box; padding: 0px 5px; ">352</li><li style="box-sizing: border-box; padding: 0px 5px; ">353</li><li style="box-sizing: border-box; padding: 0px 5px; ">354</li><li style="box-sizing: border-box; padding: 0px 5px; ">355</li><li style="box-sizing: border-box; padding: 0px 5px; ">356</li><li style="box-sizing: border-box; padding: 0px 5px; ">357</li><li style="box-sizing: border-box; padding: 0px 5px; ">358</li><li style="box-sizing: border-box; padding: 0px 5px; ">359</li><li style="box-sizing: border-box; padding: 0px 5px; ">360</li><li style="box-sizing: border-box; padding: 0px 5px; ">361</li><li style="box-sizing: border-box; padding: 0px 5px; ">362</li><li style="box-sizing: border-box; padding: 0px 5px; ">363</li><li style="box-sizing: border-box; padding: 0px 5px; ">364</li><li style="box-sizing: border-box; padding: 0px 5px; ">365</li><li style="box-sizing: border-box; padding: 0px 5px; ">366</li><li style="box-sizing: border-box; padding: 0px 5px; ">367</li><li style="box-sizing: border-box; padding: 0px 5px; ">368</li><li style="box-sizing: border-box; padding: 0px 5px; ">369</li><li style="box-sizing: border-box; padding: 0px 5px; ">370</li><li style="box-sizing: border-box; padding: 0px 5px; ">371</li><li style="box-sizing: border-box; padding: 0px 5px; ">372</li><li style="box-sizing: border-box; padding: 0px 5px; ">373</li><li style="box-sizing: border-box; padding: 0px 5px; ">374</li><li style="box-sizing: border-box; padding: 0px 5px; ">375</li><li style="box-sizing: border-box; padding: 0px 5px; ">376</li><li style="box-sizing: border-box; padding: 0px 5px; ">377</li><li style="box-sizing: border-box; padding: 0px 5px; ">378</li><li style="box-sizing: border-box; padding: 0px 5px; ">379</li><li style="box-sizing: border-box; padding: 0px 5px; ">380</li><li style="box-sizing: border-box; padding: 0px 5px; ">381</li><li style="box-sizing: border-box; padding: 0px 5px; ">382</li><li style="box-sizing: border-box; padding: 0px 5px; ">383</li><li style="box-sizing: border-box; padding: 0px 5px; ">384</li><li style="box-sizing: border-box; padding: 0px 5px; ">385</li><li style="box-sizing: border-box; padding: 0px 5px; ">386</li><li style="box-sizing: border-box; padding: 0px 5px; ">387</li><li style="box-sizing: border-box; padding: 0px 5px; ">388</li><li style="box-sizing: border-box; padding: 0px 5px; ">389</li><li style="box-sizing: border-box; padding: 0px 5px; ">390</li><li style="box-sizing: border-box; padding: 0px 5px; ">391</li><li style="box-sizing: border-box; padding: 0px 5px; ">392</li><li style="box-sizing: border-box; padding: 0px 5px; ">393</li><li style="box-sizing: border-box; padding: 0px 5px; ">394</li><li style="box-sizing: border-box; padding: 0px 5px; ">395</li><li style="box-sizing: border-box; padding: 0px 5px; ">396</li><li style="box-sizing: border-box; padding: 0px 5px; ">397</li><li style="box-sizing: border-box; padding: 0px 5px; ">398</li><li style="box-sizing: border-box; padding: 0px 5px; ">399</li><li style="box-sizing: border-box; padding: 0px 5px; ">400</li><li style="box-sizing: border-box; padding: 0px 5px; ">401</li><li style="box-sizing: border-box; padding: 0px 5px; ">402</li><li style="box-sizing: border-box; padding: 0px 5px; ">403</li><li style="box-sizing: border-box; padding: 0px 5px; ">404</li><li style="box-sizing: border-box; padding: 0px 5px; ">405</li><li style="box-sizing: border-box; padding: 0px 5px; ">406</li><li style="box-sizing: border-box; padding: 0px 5px; ">407</li><li style="box-sizing: border-box; padding: 0px 5px; ">408</li><li style="box-sizing: border-box; padding: 0px 5px; ">409</li><li style="box-sizing: border-box; padding: 0px 5px; ">410</li><li style="box-sizing: border-box; padding: 0px 5px; ">411</li><li style="box-sizing: border-box; padding: 0px 5px; ">412</li><li style="box-sizing: border-box; padding: 0px 5px; ">413</li><li style="box-sizing: border-box; padding: 0px 5px; ">414</li><li style="box-sizing: border-box; padding: 0px 5px; ">415</li><li style="box-sizing: border-box; padding: 0px 5px; ">416</li><li style="box-sizing: border-box; padding: 0px 5px; ">417</li><li style="box-sizing: border-box; padding: 0px 5px; ">418</li><li style="box-sizing: border-box; padding: 0px 5px; ">419</li><li style="box-sizing: border-box; padding: 0px 5px; ">420</li><li style="box-sizing: border-box; padding: 0px 5px; ">421</li><li style="box-sizing: border-box; padding: 0px 5px; ">422</li><li style="box-sizing: border-box; padding: 0px 5px; ">423</li><li style="box-sizing: border-box; padding: 0px 5px; ">424</li><li style="box-sizing: border-box; padding: 0px 5px; ">425</li><li style="box-sizing: border-box; padding: 0px 5px; ">426</li><li style="box-sizing: border-box; padding: 0px 5px; ">427</li><li style="box-sizing: border-box; padding: 0px 5px; ">428</li><li style="box-sizing: border-box; padding: 0px 5px; ">429</li><li style="box-sizing: border-box; padding: 0px 5px; ">430</li><li style="box-sizing: border-box; padding: 0px 5px; ">431</li><li style="box-sizing: border-box; padding: 0px 5px; ">432</li><li style="box-sizing: border-box; padding: 0px 5px; ">433</li><li style="box-sizing: border-box; padding: 0px 5px; ">434</li><li style="box-sizing: border-box; padding: 0px 5px; ">435</li><li style="box-sizing: border-box; padding: 0px 5px; ">436</li><li style="box-sizing: border-box; padding: 0px 5px; ">437</li><li style="box-sizing: border-box; padding: 0px 5px; ">438</li><li style="box-sizing: border-box; padding: 0px 5px; ">439</li><li style="box-sizing: border-box; padding: 0px 5px; ">440</li><li style="box-sizing: border-box; padding: 0px 5px; ">441</li><li style="box-sizing: border-box; padding: 0px 5px; ">442</li><li style="box-sizing: border-box; padding: 0px 5px; ">443</li><li style="box-sizing: border-box; padding: 0px 5px; ">444</li><li style="box-sizing: border-box; padding: 0px 5px; ">445</li><li style="box-sizing: border-box; padding: 0px 5px; ">446</li><li style="box-sizing: border-box; padding: 0px 5px; ">447</li><li style="box-sizing: border-box; padding: 0px 5px; ">448</li><li style="box-sizing: border-box; padding: 0px 5px; ">449</li><li style="box-sizing: border-box; padding: 0px 5px; ">450</li><li style="box-sizing: border-box; padding: 0px 5px; ">451</li><li style="box-sizing: border-box; padding: 0px 5px; ">452</li><li style="box-sizing: border-box; padding: 0px 5px; ">453</li><li style="box-sizing: border-box; padding: 0px 5px; ">454</li><li style="box-sizing: border-box; padding: 0px 5px; ">455</li><li style="box-sizing: border-box; padding: 0px 5px; ">456</li><li style="box-sizing: border-box; padding: 0px 5px; ">457</li><li style="box-sizing: border-box; padding: 0px 5px; ">458</li><li style="box-sizing: border-box; padding: 0px 5px; ">459</li><li style="box-sizing: border-box; padding: 0px 5px; ">460</li><li style="box-sizing: border-box; padding: 0px 5px; ">461</li><li style="box-sizing: border-box; padding: 0px 5px; ">462</li><li style="box-sizing: border-box; padding: 0px 5px; ">463</li><li style="box-sizing: border-box; padding: 0px 5px; ">464</li><li style="box-sizing: border-box; padding: 0px 5px; ">465</li><li style="box-sizing: border-box; padding: 0px 5px; ">466</li><li style="box-sizing: border-box; padding: 0px 5px; ">467</li><li style="box-sizing: border-box; padding: 0px 5px; ">468</li><li style="box-sizing: border-box; padding: 0px 5px; ">469</li><li style="box-sizing: border-box; padding: 0px 5px; ">470</li><li style="box-sizing: border-box; padding: 0px 5px; ">471</li><li style="box-sizing: border-box; padding: 0px 5px; ">472</li><li style="box-sizing: border-box; padding: 0px 5px; ">473</li><li style="box-sizing: border-box; padding: 0px 5px; ">474</li><li style="box-sizing: border-box; padding: 0px 5px; ">475</li><li style="box-sizing: border-box; padding: 0px 5px; ">476</li><li style="box-sizing: border-box; padding: 0px 5px; ">477</li><li style="box-sizing: border-box; padding: 0px 5px; ">478</li><li style="box-sizing: border-box; padding: 0px 5px; ">479</li><li style="box-sizing: border-box; padding: 0px 5px; ">480</li><li style="box-sizing: border-box; padding: 0px 5px; ">481</li><li style="box-sizing: border-box; padding: 0px 5px; ">482</li><li style="box-sizing: border-box; padding: 0px 5px; ">483</li><li style="box-sizing: border-box; padding: 0px 5px; ">484</li><li style="box-sizing: border-box; padding: 0px 5px; ">485</li><li style="box-sizing: border-box; padding: 0px 5px; ">486</li><li style="box-sizing: border-box; padding: 0px 5px; ">487</li><li style="box-sizing: border-box; padding: 0px 5px; ">488</li><li style="box-sizing: border-box; padding: 0px 5px; ">489</li><li style="box-sizing: border-box; padding: 0px 5px; ">490</li><li style="box-sizing: border-box; padding: 0px 5px; ">491</li><li style="box-sizing: border-box; padding: 0px 5px; ">492</li><li style="box-sizing: border-box; padding: 0px 5px; ">493</li><li style="box-sizing: border-box; padding: 0px 5px; ">494</li><li style="box-sizing: border-box; padding: 0px 5px; ">495</li><li style="box-sizing: border-box; padding: 0px 5px; ">496</li><li style="box-sizing: border-box; padding: 0px 5px; ">497</li><li style="box-sizing: border-box; padding: 0px 5px; ">498</li><li style="box-sizing: border-box; padding: 0px 5px; ">499</li><li style="box-sizing: border-box; padding: 0px 5px; ">500</li><li style="box-sizing: border-box; padding: 0px 5px; ">501</li><li style="box-sizing: border-box; padding: 0px 5px; ">502</li><li style="box-sizing: border-box; padding: 0px 5px; ">503</li><li style="box-sizing: border-box; padding: 0px 5px; ">504</li><li style="box-sizing: border-box; padding: 0px 5px; ">505</li><li style="box-sizing: border-box; padding: 0px 5px; ">506</li><li style="box-sizing: border-box; padding: 0px 5px; ">507</li><li style="box-sizing: border-box; padding: 0px 5px; ">508</li><li style="box-sizing: border-box; padding: 0px 5px; ">509</li><li style="box-sizing: border-box; padding: 0px 5px; ">510</li><li style="box-sizing: border-box; padding: 0px 5px; ">511</li><li style="box-sizing: border-box; padding: 0px 5px; ">512</li><li style="box-sizing: border-box; padding: 0px 5px; ">513</li><li style="box-sizing: border-box; padding: 0px 5px; ">514</li><li style="box-sizing: border-box; padding: 0px 5px; ">515</li><li style="box-sizing: border-box; padding: 0px 5px; ">516</li><li style="box-sizing: border-box; padding: 0px 5px; ">517</li><li style="box-sizing: border-box; padding: 0px 5px; ">518</li><li style="box-sizing: border-box; padding: 0px 5px; ">519</li><li style="box-sizing: border-box; padding: 0px 5px; ">520</li><li style="box-sizing: border-box; padding: 0px 5px; ">521</li><li style="box-sizing: border-box; padding: 0px 5px; ">522</li><li style="box-sizing: border-box; padding: 0px 5px; ">523</li><li style="box-sizing: border-box; padding: 0px 5px; ">524</li><li style="box-sizing: border-box; padding: 0px 5px; ">525</li><li style="box-sizing: border-box; padding: 0px 5px; ">526</li><li style="box-sizing: border-box; padding: 0px 5px; ">527</li><li style="box-sizing: border-box; padding: 0px 5px; ">528</li><li style="box-sizing: border-box; padding: 0px 5px; ">529</li><li style="box-sizing: border-box; padding: 0px 5px; ">530</li><li style="box-sizing: border-box; padding: 0px 5px; ">531</li><li style="box-sizing: border-box; padding: 0px 5px; ">532</li><li style="box-sizing: border-box; padding: 0px 5px; ">533</li><li style="box-sizing: border-box; padding: 0px 5px; ">534</li><li style="box-sizing: border-box; padding: 0px 5px; ">535</li><li style="box-sizing: border-box; padding: 0px 5px; ">536</li><li style="box-sizing: border-box; padding: 0px 5px; ">537</li><li style="box-sizing: border-box; padding: 0px 5px; ">538</li><li style="box-sizing: border-box; padding: 0px 5px; ">539</li><li style="box-sizing: border-box; padding: 0px 5px; ">540</li><li style="box-sizing: border-box; padding: 0px 5px; ">541</li><li style="box-sizing: border-box; padding: 0px 5px; ">542</li><li style="box-sizing: border-box; padding: 0px 5px; ">543</li><li style="box-sizing: border-box; padding: 0px 5px; ">544</li><li style="box-sizing: border-box; padding: 0px 5px; ">545</li><li style="box-sizing: border-box; padding: 0px 5px; ">546</li><li style="box-sizing: border-box; padding: 0px 5px; ">547</li><li style="box-sizing: border-box; padding: 0px 5px; ">548</li><li style="box-sizing: border-box; padding: 0px 5px; ">549</li><li style="box-sizing: border-box; padding: 0px 5px; ">550</li><li style="box-sizing: border-box; padding: 0px 5px; ">551</li><li style="box-sizing: border-box; padding: 0px 5px; ">552</li><li style="box-sizing: border-box; padding: 0px 5px; ">553</li><li style="box-sizing: border-box; padding: 0px 5px; ">554</li><li style="box-sizing: border-box; padding: 0px 5px; ">555</li><li style="box-sizing: border-box; padding: 0px 5px; ">556</li><li style="box-sizing: border-box; padding: 0px 5px; ">557</li><li style="box-sizing: border-box; padding: 0px 5px; ">558</li><li style="box-sizing: border-box; padding: 0px 5px; ">559</li><li style="box-sizing: border-box; padding: 0px 5px; ">560</li><li style="box-sizing: border-box; padding: 0px 5px; ">561</li><li style="box-sizing: border-box; padding: 0px 5px; ">562</li><li style="box-sizing: border-box; padding: 0px 5px; ">563</li><li style="box-sizing: border-box; padding: 0px 5px; ">564</li><li style="box-sizing: border-box; padding: 0px 5px; ">565</li><li style="box-sizing: border-box; padding: 0px 5px; ">566</li><li style="box-sizing: border-box; padding: 0px 5px; ">567</li><li style="box-sizing: border-box; padding: 0px 5px; ">568</li><li style="box-sizing: border-box; padding: 0px 5px; ">569</li><li style="box-sizing: border-box; padding: 0px 5px; ">570</li><li style="box-sizing: border-box; padding: 0px 5px; ">571</li><li style="box-sizing: border-box; padding: 0px 5px; ">572</li><li style="box-sizing: border-box; padding: 0px 5px; ">573</li><li style="box-sizing: border-box; padding: 0px 5px; ">574</li><li style="box-sizing: border-box; padding: 0px 5px; ">575</li><li style="box-sizing: border-box; padding: 0px 5px; ">576</li><li style="box-sizing: border-box; padding: 0px 5px; ">577</li><li style="box-sizing: border-box; padding: 0px 5px; ">578</li><li style="box-sizing: border-box; padding: 0px 5px; ">579</li><li style="box-sizing: border-box; padding: 0px 5px; ">580</li><li style="box-sizing: border-box; padding: 0px 5px; ">581</li><li style="box-sizing: border-box; padding: 0px 5px; ">582</li><li style="box-sizing: border-box; padding: 0px 5px; ">583</li><li style="box-sizing: border-box; padding: 0px 5px; ">584</li><li style="box-sizing: border-box; padding: 0px 5px; ">585</li><li style="box-sizing: border-box; padding: 0px 5px; ">586</li><li style="box-sizing: border-box; padding: 0px 5px; ">587</li><li style="box-sizing: border-box; padding: 0px 5px; ">588</li><li style="box-sizing: border-box; padding: 0px 5px; ">589</li><li style="box-sizing: border-box; padding: 0px 5px; ">590</li><li style="box-sizing: border-box; padding: 0px 5px; ">591</li><li style="box-sizing: border-box; padding: 0px 5px; ">592</li><li style="box-sizing: border-box; padding: 0px 5px; ">593</li><li style="box-sizing: border-box; padding: 0px 5px; ">594</li><li style="box-sizing: border-box; padding: 0px 5px; ">595</li><li style="box-sizing: border-box; padding: 0px 5px; ">596</li><li style="box-sizing: border-box; padding: 0px 5px; ">597</li><li style="box-sizing: border-box; padding: 0px 5px; ">598</li><li style="box-sizing: border-box; padding: 0px 5px; ">599</li><li style="box-sizing: border-box; padding: 0px 5px; ">600</li><li style="box-sizing: border-box; padding: 0px 5px; ">601</li><li style="box-sizing: border-box; padding: 0px 5px; ">602</li><li style="box-sizing: border-box; padding: 0px 5px; ">603</li><li style="box-sizing: border-box; padding: 0px 5px; ">604</li><li style="box-sizing: border-box; padding: 0px 5px; ">605</li><li style="box-sizing: border-box; padding: 0px 5px; ">606</li><li style="box-sizing: border-box; padding: 0px 5px; ">607</li><li style="box-sizing: border-box; padding: 0px 5px; ">608</li><li style="box-sizing: border-box; padding: 0px 5px; ">609</li><li style="box-sizing: border-box; padding: 0px 5px; ">610</li><li style="box-sizing: border-box; padding: 0px 5px; ">611</li><li style="box-sizing: border-box; padding: 0px 5px; ">612</li><li style="box-sizing: border-box; padding: 0px 5px; ">613</li><li style="box-sizing: border-box; padding: 0px 5px; ">614</li><li style="box-sizing: border-box; padding: 0px 5px; ">615</li><li style="box-sizing: border-box; padding: 0px 5px; ">616</li><li style="box-sizing: border-box; padding: 0px 5px; ">617</li><li style="box-sizing: border-box; padding: 0px 5px; ">618</li><li style="box-sizing: border-box; padding: 0px 5px; ">619</li><li style="box-sizing: border-box; padding: 0px 5px; ">620</li><li style="box-sizing: border-box; padding: 0px 5px; ">621</li><li style="box-sizing: border-box; padding: 0px 5px; ">622</li><li style="box-sizing: border-box; padding: 0px 5px; ">623</li><li style="box-sizing: border-box; padding: 0px 5px; ">624</li><li style="box-sizing: border-box; padding: 0px 5px; ">625</li><li style="box-sizing: border-box; padding: 0px 5px; ">626</li><li style="box-sizing: border-box; padding: 0px 5px; ">627</li><li style="box-sizing: border-box; padding: 0px 5px; ">628</li><li style="box-sizing: border-box; padding: 0px 5px; ">629</li><li style="box-sizing: border-box; padding: 0px 5px; ">630</li><li style="box-sizing: border-box; padding: 0px 5px; ">631</li><li style="box-sizing: border-box; padding: 0px 5px; ">632</li><li style="box-sizing: border-box; padding: 0px 5px; ">633</li><li style="box-sizing: border-box; padding: 0px 5px; ">634</li><li style="box-sizing: border-box; padding: 0px 5px; ">635</li><li style="box-sizing: border-box; padding: 0px 5px; ">636</li><li style="box-sizing: border-box; padding: 0px 5px; ">637</li><li style="box-sizing: border-box; padding: 0px 5px; ">638</li><li style="box-sizing: border-box; padding: 0px 5px; ">639</li><li style="box-sizing: border-box; padding: 0px 5px; ">640</li><li style="box-sizing: border-box; padding: 0px 5px; ">641</li><li style="box-sizing: border-box; padding: 0px 5px; ">642</li><li style="box-sizing: border-box; padding: 0px 5px; ">643</li><li style="box-sizing: border-box; padding: 0px 5px; ">644</li><li style="box-sizing: border-box; padding: 0px 5px; ">645</li><li style="box-sizing: border-box; padding: 0px 5px; ">646</li><li style="box-sizing: border-box; padding: 0px 5px; ">647</li><li style="box-sizing: border-box; padding: 0px 5px; ">648</li><li style="box-sizing: border-box; padding: 0px 5px; ">649</li><li style="box-sizing: border-box; padding: 0px 5px; ">650</li><li style="box-sizing: border-box; padding: 0px 5px; ">651</li><li style="box-sizing: border-box; padding: 0px 5px; ">652</li><li style="box-sizing: border-box; padding: 0px 5px; ">653</li><li style="box-sizing: border-box; padding: 0px 5px; ">654</li><li style="box-sizing: border-box; padding: 0px 5px; ">655</li><li style="box-sizing: border-box; padding: 0px 5px; ">656</li><li style="box-sizing: border-box; padding: 0px 5px; ">657</li><li style="box-sizing: border-box; padding: 0px 5px; ">658</li><li style="box-sizing: border-box; padding: 0px 5px; ">659</li><li style="box-sizing: border-box; padding: 0px 5px; ">660</li><li style="box-sizing: border-box; padding: 0px 5px; ">661</li><li style="box-sizing: border-box; padding: 0px 5px; ">662</li><li style="box-sizing: border-box; padding: 0px 5px; ">663</li><li style="box-sizing: border-box; padding: 0px 5px; ">664</li><li style="box-sizing: border-box; padding: 0px 5px; ">665</li><li style="box-sizing: border-box; padding: 0px 5px; ">666</li><li style="box-sizing: border-box; padding: 0px 5px; ">667</li><li style="box-sizing: border-box; padding: 0px 5px; ">668</li><li style="box-sizing: border-box; padding: 0px 5px; ">669</li><li style="box-sizing: border-box; padding: 0px 5px; ">670</li><li style="box-sizing: border-box; padding: 0px 5px; ">671</li><li style="box-sizing: border-box; padding: 0px 5px; ">672</li><li style="box-sizing: border-box; padding: 0px 5px; ">673</li><li style="box-sizing: border-box; padding: 0px 5px; ">674</li><li style="box-sizing: border-box; padding: 0px 5px; ">675</li><li style="box-sizing: border-box; padding: 0px 5px; ">676</li><li style="box-sizing: border-box; padding: 0px 5px; ">677</li><li style="box-sizing: border-box; padding: 0px 5px; ">678</li><li style="box-sizing: border-box; padding: 0px 5px; ">679</li><li style="box-sizing: border-box; padding: 0px 5px; ">680</li><li style="box-sizing: border-box; padding: 0px 5px; ">681</li><li style="box-sizing: border-box; padding: 0px 5px; ">682</li><li style="box-sizing: border-box; padding: 0px 5px; ">683</li><li style="box-sizing: border-box; padding: 0px 5px; ">684</li><li style="box-sizing: border-box; padding: 0px 5px; ">685</li><li style="box-sizing: border-box; padding: 0px 5px; ">686</li><li style="box-sizing: border-box; padding: 0px 5px; ">687</li><li style="box-sizing: border-box; padding: 0px 5px; ">688</li><li style="box-sizing: border-box; padding: 0px 5px; ">689</li><li style="box-sizing: border-box; padding: 0px 5px; ">690</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; "><li style="box-sizing: border-box; padding: 0px 5px; ">1</li><li style="box-sizing: border-box; padding: 0px 5px; ">2</li><li style="box-sizing: border-box; padding: 0px 5px; ">3</li><li style="box-sizing: border-box; padding: 0px 5px; ">4</li><li style="box-sizing: border-box; padding: 0px 5px; ">5</li><li style="box-sizing: border-box; padding: 0px 5px; ">6</li><li style="box-sizing: border-box; padding: 0px 5px; ">7</li><li style="box-sizing: border-box; padding: 0px 5px; ">8</li><li style="box-sizing: border-box; padding: 0px 5px; ">9</li><li style="box-sizing: border-box; padding: 0px 5px; ">10</li><li style="box-sizing: border-box; padding: 0px 5px; ">11</li><li style="box-sizing: border-box; padding: 0px 5px; ">12</li><li style="box-sizing: border-box; padding: 0px 5px; ">13</li><li style="box-sizing: border-box; padding: 0px 5px; ">14</li><li style="box-sizing: border-box; padding: 0px 5px; ">15</li><li style="box-sizing: border-box; padding: 0px 5px; ">16</li><li style="box-sizing: border-box; padding: 0px 5px; ">17</li><li style="box-sizing: border-box; padding: 0px 5px; ">18</li><li style="box-sizing: border-box; padding: 0px 5px; ">19</li><li style="box-sizing: border-box; padding: 0px 5px; ">20</li><li style="box-sizing: border-box; padding: 0px 5px; ">21</li><li style="box-sizing: border-box; padding: 0px 5px; ">22</li><li style="box-sizing: border-box; padding: 0px 5px; ">23</li><li style="box-sizing: border-box; padding: 0px 5px; ">24</li><li style="box-sizing: border-box; padding: 0px 5px; ">25</li><li style="box-sizing: border-box; padding: 0px 5px; ">26</li><li style="box-sizing: border-box; padding: 0px 5px; ">27</li><li style="box-sizing: border-box; padding: 0px 5px; ">28</li><li style="box-sizing: border-box; padding: 0px 5px; ">29</li><li style="box-sizing: border-box; padding: 0px 5px; ">30</li><li style="box-sizing: border-box; padding: 0px 5px; ">31</li><li style="box-sizing: border-box; padding: 0px 5px; ">32</li><li style="box-sizing: border-box; padding: 0px 5px; ">33</li><li style="box-sizing: border-box; padding: 0px 5px; ">34</li><li style="box-sizing: border-box; padding: 0px 5px; ">35</li><li style="box-sizing: border-box; padding: 0px 5px; ">36</li><li style="box-sizing: border-box; padding: 0px 5px; ">37</li><li style="box-sizing: border-box; padding: 0px 5px; ">38</li><li style="box-sizing: border-box; padding: 0px 5px; ">39</li><li style="box-sizing: border-box; padding: 0px 5px; ">40</li><li style="box-sizing: border-box; padding: 0px 5px; ">41</li><li style="box-sizing: border-box; padding: 0px 5px; ">42</li><li style="box-sizing: border-box; padding: 0px 5px; ">43</li><li style="box-sizing: border-box; padding: 0px 5px; ">44</li><li style="box-sizing: border-box; padding: 0px 5px; ">45</li><li style="box-sizing: border-box; padding: 0px 5px; ">46</li><li style="box-sizing: border-box; padding: 0px 5px; ">47</li><li style="box-sizing: border-box; padding: 0px 5px; ">48</li><li style="box-sizing: border-box; padding: 0px 5px; ">49</li><li style="box-sizing: border-box; padding: 0px 5px; ">50</li><li style="box-sizing: border-box; padding: 0px 5px; ">51</li><li style="box-sizing: border-box; padding: 0px 5px; ">52</li><li style="box-sizing: border-box; padding: 0px 5px; ">53</li><li style="box-sizing: border-box; padding: 0px 5px; ">54</li><li style="box-sizing: border-box; padding: 0px 5px; ">55</li><li style="box-sizing: border-box; padding: 0px 5px; ">56</li><li style="box-sizing: border-box; padding: 0px 5px; ">57</li><li style="box-sizing: border-box; padding: 0px 5px; ">58</li><li style="box-sizing: border-box; padding: 0px 5px; ">59</li><li style="box-sizing: border-box; padding: 0px 5px; ">60</li><li style="box-sizing: border-box; padding: 0px 5px; ">61</li><li style="box-sizing: border-box; padding: 0px 5px; ">62</li><li style="box-sizing: border-box; padding: 0px 5px; ">63</li><li style="box-sizing: border-box; padding: 0px 5px; ">64</li><li style="box-sizing: border-box; padding: 0px 5px; ">65</li><li style="box-sizing: border-box; padding: 0px 5px; ">66</li><li style="box-sizing: border-box; padding: 0px 5px; ">67</li><li style="box-sizing: border-box; padding: 0px 5px; ">68</li><li style="box-sizing: border-box; padding: 0px 5px; ">69</li><li style="box-sizing: border-box; padding: 0px 5px; ">70</li><li style="box-sizing: border-box; padding: 0px 5px; ">71</li><li style="box-sizing: border-box; padding: 0px 5px; ">72</li><li style="box-sizing: border-box; padding: 0px 5px; ">73</li><li style="box-sizing: border-box; padding: 0px 5px; ">74</li><li style="box-sizing: border-box; padding: 0px 5px; ">75</li><li style="box-sizing: border-box; padding: 0px 5px; ">76</li><li style="box-sizing: border-box; padding: 0px 5px; ">77</li><li style="box-sizing: border-box; padding: 0px 5px; ">78</li><li style="box-sizing: border-box; padding: 0px 5px; ">79</li><li style="box-sizing: border-box; padding: 0px 5px; ">80</li><li style="box-sizing: border-box; padding: 0px 5px; ">81</li><li style="box-sizing: border-box; padding: 0px 5px; ">82</li><li style="box-sizing: border-box; padding: 0px 5px; ">83</li><li style="box-sizing: border-box; padding: 0px 5px; ">84</li><li style="box-sizing: border-box; padding: 0px 5px; ">85</li><li style="box-sizing: border-box; padding: 0px 5px; ">86</li><li style="box-sizing: border-box; padding: 0px 5px; ">87</li><li style="box-sizing: border-box; padding: 0px 5px; ">88</li><li style="box-sizing: border-box; padding: 0px 5px; ">89</li><li style="box-sizing: border-box; padding: 0px 5px; ">90</li><li style="box-sizing: border-box; padding: 0px 5px; ">91</li><li style="box-sizing: border-box; padding: 0px 5px; ">92</li><li style="box-sizing: border-box; padding: 0px 5px; ">93</li><li style="box-sizing: border-box; padding: 0px 5px; ">94</li><li style="box-sizing: border-box; padding: 0px 5px; ">95</li><li style="box-sizing: border-box; padding: 0px 5px; ">96</li><li style="box-sizing: border-box; padding: 0px 5px; ">97</li><li style="box-sizing: border-box; padding: 0px 5px; ">98</li><li style="box-sizing: border-box; padding: 0px 5px; ">99</li><li style="box-sizing: border-box; padding: 0px 5px; ">100</li><li style="box-sizing: border-box; padding: 0px 5px; ">101</li><li style="box-sizing: border-box; padding: 0px 5px; ">102</li><li style="box-sizing: border-box; padding: 0px 5px; ">103</li><li style="box-sizing: border-box; padding: 0px 5px; ">104</li><li style="box-sizing: border-box; padding: 0px 5px; ">105</li><li style="box-sizing: border-box; padding: 0px 5px; ">106</li><li style="box-sizing: border-box; padding: 0px 5px; ">107</li><li style="box-sizing: border-box; padding: 0px 5px; ">108</li><li style="box-sizing: border-box; padding: 0px 5px; ">109</li><li style="box-sizing: border-box; padding: 0px 5px; ">110</li><li style="box-sizing: border-box; padding: 0px 5px; ">111</li><li style="box-sizing: border-box; padding: 0px 5px; ">112</li><li style="box-sizing: border-box; padding: 0px 5px; ">113</li><li style="box-sizing: border-box; padding: 0px 5px; ">114</li><li style="box-sizing: border-box; padding: 0px 5px; ">115</li><li style="box-sizing: border-box; padding: 0px 5px; ">116</li><li style="box-sizing: border-box; padding: 0px 5px; ">117</li><li style="box-sizing: border-box; padding: 0px 5px; ">118</li><li style="box-sizing: border-box; padding: 0px 5px; ">119</li><li style="box-sizing: border-box; padding: 0px 5px; ">120</li><li style="box-sizing: border-box; padding: 0px 5px; ">121</li><li style="box-sizing: border-box; padding: 0px 5px; ">122</li><li style="box-sizing: border-box; padding: 0px 5px; ">123</li><li style="box-sizing: border-box; padding: 0px 5px; ">124</li><li style="box-sizing: border-box; padding: 0px 5px; ">125</li><li style="box-sizing: border-box; padding: 0px 5px; ">126</li><li style="box-sizing: border-box; padding: 0px 5px; ">127</li><li style="box-sizing: border-box; padding: 0px 5px; ">128</li><li style="box-sizing: border-box; padding: 0px 5px; ">129</li><li style="box-sizing: border-box; padding: 0px 5px; ">130</li><li style="box-sizing: border-box; padding: 0px 5px; ">131</li><li style="box-sizing: border-box; padding: 0px 5px; ">132</li><li style="box-sizing: border-box; padding: 0px 5px; ">133</li><li style="box-sizing: border-box; padding: 0px 5px; ">134</li><li style="box-sizing: border-box; padding: 0px 5px; ">135</li><li style="box-sizing: border-box; padding: 0px 5px; ">136</li><li style="box-sizing: border-box; padding: 0px 5px; ">137</li><li style="box-sizing: border-box; padding: 0px 5px; ">138</li><li style="box-sizing: border-box; padding: 0px 5px; ">139</li><li style="box-sizing: border-box; padding: 0px 5px; ">140</li><li style="box-sizing: border-box; padding: 0px 5px; ">141</li><li style="box-sizing: border-box; padding: 0px 5px; ">142</li><li style="box-sizing: border-box; padding: 0px 5px; ">143</li><li style="box-sizing: border-box; padding: 0px 5px; ">144</li><li style="box-sizing: border-box; padding: 0px 5px; ">145</li><li style="box-sizing: border-box; padding: 0px 5px; ">146</li><li style="box-sizing: border-box; padding: 0px 5px; ">147</li><li style="box-sizing: border-box; padding: 0px 5px; ">148</li><li style="box-sizing: border-box; padding: 0px 5px; ">149</li><li style="box-sizing: border-box; padding: 0px 5px; ">150</li><li style="box-sizing: border-box; padding: 0px 5px; ">151</li><li style="box-sizing: border-box; padding: 0px 5px; ">152</li><li style="box-sizing: border-box; padding: 0px 5px; ">153</li><li style="box-sizing: border-box; padding: 0px 5px; ">154</li><li style="box-sizing: border-box; padding: 0px 5px; ">155</li><li style="box-sizing: border-box; padding: 0px 5px; ">156</li><li style="box-sizing: border-box; padding: 0px 5px; ">157</li><li style="box-sizing: border-box; padding: 0px 5px; ">158</li><li style="box-sizing: border-box; padding: 0px 5px; ">159</li><li style="box-sizing: border-box; padding: 0px 5px; ">160</li><li style="box-sizing: border-box; padding: 0px 5px; ">161</li><li style="box-sizing: border-box; padding: 0px 5px; ">162</li><li style="box-sizing: border-box; padding: 0px 5px; ">163</li><li style="box-sizing: border-box; padding: 0px 5px; ">164</li><li style="box-sizing: border-box; padding: 0px 5px; ">165</li><li style="box-sizing: border-box; padding: 0px 5px; ">166</li><li style="box-sizing: border-box; padding: 0px 5px; ">167</li><li style="box-sizing: border-box; padding: 0px 5px; ">168</li><li style="box-sizing: border-box; padding: 0px 5px; ">169</li><li style="box-sizing: border-box; padding: 0px 5px; ">170</li><li style="box-sizing: border-box; padding: 0px 5px; ">171</li><li style="box-sizing: border-box; padding: 0px 5px; ">172</li><li style="box-sizing: border-box; padding: 0px 5px; ">173</li><li style="box-sizing: border-box; padding: 0px 5px; ">174</li><li style="box-sizing: border-box; padding: 0px 5px; ">175</li><li style="box-sizing: border-box; padding: 0px 5px; ">176</li><li style="box-sizing: border-box; padding: 0px 5px; ">177</li><li style="box-sizing: border-box; padding: 0px 5px; ">178</li><li style="box-sizing: border-box; padding: 0px 5px; ">179</li><li style="box-sizing: border-box; padding: 0px 5px; ">180</li><li style="box-sizing: border-box; padding: 0px 5px; ">181</li><li style="box-sizing: border-box; padding: 0px 5px; ">182</li><li style="box-sizing: border-box; padding: 0px 5px; ">183</li><li style="box-sizing: border-box; padding: 0px 5px; ">184</li><li style="box-sizing: border-box; padding: 0px 5px; ">185</li><li style="box-sizing: border-box; padding: 0px 5px; ">186</li><li style="box-sizing: border-box; padding: 0px 5px; ">187</li><li style="box-sizing: border-box; padding: 0px 5px; ">188</li><li style="box-sizing: border-box; padding: 0px 5px; ">189</li><li style="box-sizing: border-box; padding: 0px 5px; ">190</li><li style="box-sizing: border-box; padding: 0px 5px; ">191</li><li style="box-sizing: border-box; padding: 0px 5px; ">192</li><li style="box-sizing: border-box; padding: 0px 5px; ">193</li><li style="box-sizing: border-box; padding: 0px 5px; ">194</li><li style="box-sizing: border-box; padding: 0px 5px; ">195</li><li style="box-sizing: border-box; padding: 0px 5px; ">196</li><li style="box-sizing: border-box; padding: 0px 5px; ">197</li><li style="box-sizing: border-box; padding: 0px 5px; ">198</li><li style="box-sizing: border-box; padding: 0px 5px; ">199</li><li style="box-sizing: border-box; padding: 0px 5px; ">200</li><li style="box-sizing: border-box; padding: 0px 5px; ">201</li><li style="box-sizing: border-box; padding: 0px 5px; ">202</li><li style="box-sizing: border-box; padding: 0px 5px; ">203</li><li style="box-sizing: border-box; padding: 0px 5px; ">204</li><li style="box-sizing: border-box; padding: 0px 5px; ">205</li><li style="box-sizing: border-box; padding: 0px 5px; ">206</li><li style="box-sizing: border-box; padding: 0px 5px; ">207</li><li style="box-sizing: border-box; padding: 0px 5px; ">208</li><li style="box-sizing: border-box; padding: 0px 5px; ">209</li><li style="box-sizing: border-box; padding: 0px 5px; ">210</li><li style="box-sizing: border-box; padding: 0px 5px; ">211</li><li style="box-sizing: border-box; padding: 0px 5px; ">212</li><li style="box-sizing: border-box; padding: 0px 5px; ">213</li><li style="box-sizing: border-box; padding: 0px 5px; ">214</li><li style="box-sizing: border-box; padding: 0px 5px; ">215</li><li style="box-sizing: border-box; padding: 0px 5px; ">216</li><li style="box-sizing: border-box; padding: 0px 5px; ">217</li><li style="box-sizing: border-box; padding: 0px 5px; ">218</li><li style="box-sizing: border-box; padding: 0px 5px; ">219</li><li style="box-sizing: border-box; padding: 0px 5px; ">220</li><li style="box-sizing: border-box; padding: 0px 5px; ">221</li><li style="box-sizing: border-box; padding: 0px 5px; ">222</li><li style="box-sizing: border-box; padding: 0px 5px; ">223</li><li style="box-sizing: border-box; padding: 0px 5px; ">224</li><li style="box-sizing: border-box; padding: 0px 5px; ">225</li><li style="box-sizing: border-box; padding: 0px 5px; ">226</li><li style="box-sizing: border-box; padding: 0px 5px; ">227</li><li style="box-sizing: border-box; padding: 0px 5px; ">228</li><li style="box-sizing: border-box; padding: 0px 5px; ">229</li><li style="box-sizing: border-box; padding: 0px 5px; ">230</li><li style="box-sizing: border-box; padding: 0px 5px; ">231</li><li style="box-sizing: border-box; padding: 0px 5px; ">232</li><li style="box-sizing: border-box; padding: 0px 5px; ">233</li><li style="box-sizing: border-box; padding: 0px 5px; ">234</li><li style="box-sizing: border-box; padding: 0px 5px; ">235</li><li style="box-sizing: border-box; padding: 0px 5px; ">236</li><li style="box-sizing: border-box; padding: 0px 5px; ">237</li><li style="box-sizing: border-box; padding: 0px 5px; ">238</li><li style="box-sizing: border-box; padding: 0px 5px; ">239</li><li style="box-sizing: border-box; padding: 0px 5px; ">240</li><li style="box-sizing: border-box; padding: 0px 5px; ">241</li><li style="box-sizing: border-box; padding: 0px 5px; ">242</li><li style="box-sizing: border-box; padding: 0px 5px; ">243</li><li style="box-sizing: border-box; padding: 0px 5px; ">244</li><li style="box-sizing: border-box; padding: 0px 5px; ">245</li><li style="box-sizing: border-box; padding: 0px 5px; ">246</li><li style="box-sizing: border-box; padding: 0px 5px; ">247</li><li style="box-sizing: border-box; padding: 0px 5px; ">248</li><li style="box-sizing: border-box; padding: 0px 5px; ">249</li><li style="box-sizing: border-box; padding: 0px 5px; ">250</li><li style="box-sizing: border-box; padding: 0px 5px; ">251</li><li style="box-sizing: border-box; padding: 0px 5px; ">252</li><li style="box-sizing: border-box; padding: 0px 5px; ">253</li><li style="box-sizing: border-box; padding: 0px 5px; ">254</li><li style="box-sizing: border-box; padding: 0px 5px; ">255</li><li style="box-sizing: border-box; padding: 0px 5px; ">256</li><li style="box-sizing: border-box; padding: 0px 5px; ">257</li><li style="box-sizing: border-box; padding: 0px 5px; ">258</li><li style="box-sizing: border-box; padding: 0px 5px; ">259</li><li style="box-sizing: border-box; padding: 0px 5px; ">260</li><li style="box-sizing: border-box; padding: 0px 5px; ">261</li><li style="box-sizing: border-box; padding: 0px 5px; ">262</li><li style="box-sizing: border-box; padding: 0px 5px; ">263</li><li style="box-sizing: border-box; padding: 0px 5px; ">264</li><li style="box-sizing: border-box; padding: 0px 5px; ">265</li><li style="box-sizing: border-box; padding: 0px 5px; ">266</li><li style="box-sizing: border-box; padding: 0px 5px; ">267</li><li style="box-sizing: border-box; padding: 0px 5px; ">268</li><li style="box-sizing: border-box; padding: 0px 5px; ">269</li><li style="box-sizing: border-box; padding: 0px 5px; ">270</li><li style="box-sizing: border-box; padding: 0px 5px; ">271</li><li style="box-sizing: border-box; padding: 0px 5px; ">272</li><li style="box-sizing: border-box; padding: 0px 5px; ">273</li><li style="box-sizing: border-box; padding: 0px 5px; ">274</li><li style="box-sizing: border-box; padding: 0px 5px; ">275</li><li style="box-sizing: border-box; padding: 0px 5px; ">276</li><li style="box-sizing: border-box; padding: 0px 5px; ">277</li><li style="box-sizing: border-box; padding: 0px 5px; ">278</li><li style="box-sizing: border-box; padding: 0px 5px; ">279</li><li style="box-sizing: border-box; padding: 0px 5px; ">280</li><li style="box-sizing: border-box; padding: 0px 5px; ">281</li><li style="box-sizing: border-box; padding: 0px 5px; ">282</li><li style="box-sizing: border-box; padding: 0px 5px; ">283</li><li style="box-sizing: border-box; padding: 0px 5px; ">284</li><li style="box-sizing: border-box; padding: 0px 5px; ">285</li><li style="box-sizing: border-box; padding: 0px 5px; ">286</li><li style="box-sizing: border-box; padding: 0px 5px; ">287</li><li style="box-sizing: border-box; padding: 0px 5px; ">288</li><li style="box-sizing: border-box; padding: 0px 5px; ">289</li><li style="box-sizing: border-box; padding: 0px 5px; ">290</li><li style="box-sizing: border-box; padding: 0px 5px; ">291</li><li style="box-sizing: border-box; padding: 0px 5px; ">292</li><li style="box-sizing: border-box; padding: 0px 5px; ">293</li><li style="box-sizing: border-box; padding: 0px 5px; ">294</li><li style="box-sizing: border-box; padding: 0px 5px; ">295</li><li style="box-sizing: border-box; padding: 0px 5px; ">296</li><li style="box-sizing: border-box; padding: 0px 5px; ">297</li><li style="box-sizing: border-box; padding: 0px 5px; ">298</li><li style="box-sizing: border-box; padding: 0px 5px; ">299</li><li style="box-sizing: border-box; padding: 0px 5px; ">300</li><li style="box-sizing: border-box; padding: 0px 5px; ">301</li><li style="box-sizing: border-box; padding: 0px 5px; ">302</li><li style="box-sizing: border-box; padding: 0px 5px; ">303</li><li style="box-sizing: border-box; padding: 0px 5px; ">304</li><li style="box-sizing: border-box; padding: 0px 5px; ">305</li><li style="box-sizing: border-box; padding: 0px 5px; ">306</li><li style="box-sizing: border-box; padding: 0px 5px; ">307</li><li style="box-sizing: border-box; padding: 0px 5px; ">308</li><li style="box-sizing: border-box; padding: 0px 5px; ">309</li><li style="box-sizing: border-box; padding: 0px 5px; ">310</li><li style="box-sizing: border-box; padding: 0px 5px; ">311</li><li style="box-sizing: border-box; padding: 0px 5px; ">312</li><li style="box-sizing: border-box; padding: 0px 5px; ">313</li><li style="box-sizing: border-box; padding: 0px 5px; ">314</li><li style="box-sizing: border-box; padding: 0px 5px; ">315</li><li style="box-sizing: border-box; padding: 0px 5px; ">316</li><li style="box-sizing: border-box; padding: 0px 5px; ">317</li><li style="box-sizing: border-box; padding: 0px 5px; ">318</li><li style="box-sizing: border-box; padding: 0px 5px; ">319</li><li style="box-sizing: border-box; padding: 0px 5px; ">320</li><li style="box-sizing: border-box; padding: 0px 5px; ">321</li><li style="box-sizing: border-box; padding: 0px 5px; ">322</li><li style="box-sizing: border-box; padding: 0px 5px; ">323</li><li style="box-sizing: border-box; padding: 0px 5px; ">324</li><li style="box-sizing: border-box; padding: 0px 5px; ">325</li><li style="box-sizing: border-box; padding: 0px 5px; ">326</li><li style="box-sizing: border-box; padding: 0px 5px; ">327</li><li style="box-sizing: border-box; padding: 0px 5px; ">328</li><li style="box-sizing: border-box; padding: 0px 5px; ">329</li><li style="box-sizing: border-box; padding: 0px 5px; ">330</li><li style="box-sizing: border-box; padding: 0px 5px; ">331</li><li style="box-sizing: border-box; padding: 0px 5px; ">332</li><li style="box-sizing: border-box; padding: 0px 5px; ">333</li><li style="box-sizing: border-box; padding: 0px 5px; ">334</li><li style="box-sizing: border-box; padding: 0px 5px; ">335</li><li style="box-sizing: border-box; padding: 0px 5px; ">336</li><li style="box-sizing: border-box; padding: 0px 5px; ">337</li><li style="box-sizing: border-box; padding: 0px 5px; ">338</li><li style="box-sizing: border-box; padding: 0px 5px; ">339</li><li style="box-sizing: border-box; padding: 0px 5px; ">340</li><li style="box-sizing: border-box; padding: 0px 5px; ">341</li><li style="box-sizing: border-box; padding: 0px 5px; ">342</li><li style="box-sizing: border-box; padding: 0px 5px; ">343</li><li style="box-sizing: border-box; padding: 0px 5px; ">344</li><li style="box-sizing: border-box; padding: 0px 5px; ">345</li><li style="box-sizing: border-box; padding: 0px 5px; ">346</li><li style="box-sizing: border-box; padding: 0px 5px; ">347</li><li style="box-sizing: border-box; padding: 0px 5px; ">348</li><li style="box-sizing: border-box; padding: 0px 5px; ">349</li><li style="box-sizing: border-box; padding: 0px 5px; ">350</li><li style="box-sizing: border-box; padding: 0px 5px; ">351</li><li style="box-sizing: border-box; padding: 0px 5px; ">352</li><li style="box-sizing: border-box; padding: 0px 5px; ">353</li><li style="box-sizing: border-box; padding: 0px 5px; ">354</li><li style="box-sizing: border-box; padding: 0px 5px; ">355</li><li style="box-sizing: border-box; padding: 0px 5px; ">356</li><li style="box-sizing: border-box; padding: 0px 5px; ">357</li><li style="box-sizing: border-box; padding: 0px 5px; ">358</li><li style="box-sizing: border-box; padding: 0px 5px; ">359</li><li style="box-sizing: border-box; padding: 0px 5px; ">360</li><li style="box-sizing: border-box; padding: 0px 5px; ">361</li><li style="box-sizing: border-box; padding: 0px 5px; ">362</li><li style="box-sizing: border-box; padding: 0px 5px; ">363</li><li style="box-sizing: border-box; padding: 0px 5px; ">364</li><li style="box-sizing: border-box; padding: 0px 5px; ">365</li><li style="box-sizing: border-box; padding: 0px 5px; ">366</li><li style="box-sizing: border-box; padding: 0px 5px; ">367</li><li style="box-sizing: border-box; padding: 0px 5px; ">368</li><li style="box-sizing: border-box; padding: 0px 5px; ">369</li><li style="box-sizing: border-box; padding: 0px 5px; ">370</li><li style="box-sizing: border-box; padding: 0px 5px; ">371</li><li style="box-sizing: border-box; padding: 0px 5px; ">372</li><li style="box-sizing: border-box; padding: 0px 5px; ">373</li><li style="box-sizing: border-box; padding: 0px 5px; ">374</li><li style="box-sizing: border-box; padding: 0px 5px; ">375</li><li style="box-sizing: border-box; padding: 0px 5px; ">376</li><li style="box-sizing: border-box; padding: 0px 5px; ">377</li><li style="box-sizing: border-box; padding: 0px 5px; ">378</li><li style="box-sizing: border-box; padding: 0px 5px; ">379</li><li style="box-sizing: border-box; padding: 0px 5px; ">380</li><li style="box-sizing: border-box; padding: 0px 5px; ">381</li><li style="box-sizing: border-box; padding: 0px 5px; ">382</li><li style="box-sizing: border-box; padding: 0px 5px; ">383</li><li style="box-sizing: border-box; padding: 0px 5px; ">384</li><li style="box-sizing: border-box; padding: 0px 5px; ">385</li><li style="box-sizing: border-box; padding: 0px 5px; ">386</li><li style="box-sizing: border-box; padding: 0px 5px; ">387</li><li style="box-sizing: border-box; padding: 0px 5px; ">388</li><li style="box-sizing: border-box; padding: 0px 5px; ">389</li><li style="box-sizing: border-box; padding: 0px 5px; ">390</li><li style="box-sizing: border-box; padding: 0px 5px; ">391</li><li style="box-sizing: border-box; padding: 0px 5px; ">392</li><li style="box-sizing: border-box; padding: 0px 5px; ">393</li><li style="box-sizing: border-box; padding: 0px 5px; ">394</li><li style="box-sizing: border-box; padding: 0px 5px; ">395</li><li style="box-sizing: border-box; padding: 0px 5px; ">396</li><li style="box-sizing: border-box; padding: 0px 5px; ">397</li><li style="box-sizing: border-box; padding: 0px 5px; ">398</li><li style="box-sizing: border-box; padding: 0px 5px; ">399</li><li style="box-sizing: border-box; padding: 0px 5px; ">400</li><li style="box-sizing: border-box; padding: 0px 5px; ">401</li><li style="box-sizing: border-box; padding: 0px 5px; ">402</li><li style="box-sizing: border-box; padding: 0px 5px; ">403</li><li style="box-sizing: border-box; padding: 0px 5px; ">404</li><li style="box-sizing: border-box; padding: 0px 5px; ">405</li><li style="box-sizing: border-box; padding: 0px 5px; ">406</li><li style="box-sizing: border-box; padding: 0px 5px; ">407</li><li style="box-sizing: border-box; padding: 0px 5px; ">408</li><li style="box-sizing: border-box; padding: 0px 5px; ">409</li><li style="box-sizing: border-box; padding: 0px 5px; ">410</li><li style="box-sizing: border-box; padding: 0px 5px; ">411</li><li style="box-sizing: border-box; padding: 0px 5px; ">412</li><li style="box-sizing: border-box; padding: 0px 5px; ">413</li><li style="box-sizing: border-box; padding: 0px 5px; ">414</li><li style="box-sizing: border-box; padding: 0px 5px; ">415</li><li style="box-sizing: border-box; padding: 0px 5px; ">416</li><li style="box-sizing: border-box; padding: 0px 5px; ">417</li><li style="box-sizing: border-box; padding: 0px 5px; ">418</li><li style="box-sizing: border-box; padding: 0px 5px; ">419</li><li style="box-sizing: border-box; padding: 0px 5px; ">420</li><li style="box-sizing: border-box; padding: 0px 5px; ">421</li><li style="box-sizing: border-box; padding: 0px 5px; ">422</li><li style="box-sizing: border-box; padding: 0px 5px; ">423</li><li style="box-sizing: border-box; padding: 0px 5px; ">424</li><li style="box-sizing: border-box; padding: 0px 5px; ">425</li><li style="box-sizing: border-box; padding: 0px 5px; ">426</li><li style="box-sizing: border-box; padding: 0px 5px; ">427</li><li style="box-sizing: border-box; padding: 0px 5px; ">428</li><li style="box-sizing: border-box; padding: 0px 5px; ">429</li><li style="box-sizing: border-box; padding: 0px 5px; ">430</li><li style="box-sizing: border-box; padding: 0px 5px; ">431</li><li style="box-sizing: border-box; padding: 0px 5px; ">432</li><li style="box-sizing: border-box; padding: 0px 5px; ">433</li><li style="box-sizing: border-box; padding: 0px 5px; ">434</li><li style="box-sizing: border-box; padding: 0px 5px; ">435</li><li style="box-sizing: border-box; padding: 0px 5px; ">436</li><li style="box-sizing: border-box; padding: 0px 5px; ">437</li><li style="box-sizing: border-box; padding: 0px 5px; ">438</li><li style="box-sizing: border-box; padding: 0px 5px; ">439</li><li style="box-sizing: border-box; padding: 0px 5px; ">440</li><li style="box-sizing: border-box; padding: 0px 5px; ">441</li><li style="box-sizing: border-box; padding: 0px 5px; ">442</li><li style="box-sizing: border-box; padding: 0px 5px; ">443</li><li style="box-sizing: border-box; padding: 0px 5px; ">444</li><li style="box-sizing: border-box; padding: 0px 5px; ">445</li><li style="box-sizing: border-box; padding: 0px 5px; ">446</li><li style="box-sizing: border-box; padding: 0px 5px; ">447</li><li style="box-sizing: border-box; padding: 0px 5px; ">448</li><li style="box-sizing: border-box; padding: 0px 5px; ">449</li><li style="box-sizing: border-box; padding: 0px 5px; ">450</li><li style="box-sizing: border-box; padding: 0px 5px; ">451</li><li style="box-sizing: border-box; padding: 0px 5px; ">452</li><li style="box-sizing: border-box; padding: 0px 5px; ">453</li><li style="box-sizing: border-box; padding: 0px 5px; ">454</li><li style="box-sizing: border-box; padding: 0px 5px; ">455</li><li style="box-sizing: border-box; padding: 0px 5px; ">456</li><li style="box-sizing: border-box; padding: 0px 5px; ">457</li><li style="box-sizing: border-box; padding: 0px 5px; ">458</li><li style="box-sizing: border-box; padding: 0px 5px; ">459</li><li style="box-sizing: border-box; padding: 0px 5px; ">460</li><li style="box-sizing: border-box; padding: 0px 5px; ">461</li><li style="box-sizing: border-box; padding: 0px 5px; ">462</li><li style="box-sizing: border-box; padding: 0px 5px; ">463</li><li style="box-sizing: border-box; padding: 0px 5px; ">464</li><li style="box-sizing: border-box; padding: 0px 5px; ">465</li><li style="box-sizing: border-box; padding: 0px 5px; ">466</li><li style="box-sizing: border-box; padding: 0px 5px; ">467</li><li style="box-sizing: border-box; padding: 0px 5px; ">468</li><li style="box-sizing: border-box; padding: 0px 5px; ">469</li><li style="box-sizing: border-box; padding: 0px 5px; ">470</li><li style="box-sizing: border-box; padding: 0px 5px; ">471</li><li style="box-sizing: border-box; padding: 0px 5px; ">472</li><li style="box-sizing: border-box; padding: 0px 5px; ">473</li><li style="box-sizing: border-box; padding: 0px 5px; ">474</li><li style="box-sizing: border-box; padding: 0px 5px; ">475</li><li style="box-sizing: border-box; padding: 0px 5px; ">476</li><li style="box-sizing: border-box; padding: 0px 5px; ">477</li><li style="box-sizing: border-box; padding: 0px 5px; ">478</li><li style="box-sizing: border-box; padding: 0px 5px; ">479</li><li style="box-sizing: border-box; padding: 0px 5px; ">480</li><li style="box-sizing: border-box; padding: 0px 5px; ">481</li><li style="box-sizing: border-box; padding: 0px 5px; ">482</li><li style="box-sizing: border-box; padding: 0px 5px; ">483</li><li style="box-sizing: border-box; padding: 0px 5px; ">484</li><li style="box-sizing: border-box; padding: 0px 5px; ">485</li><li style="box-sizing: border-box; padding: 0px 5px; ">486</li><li style="box-sizing: border-box; padding: 0px 5px; ">487</li><li style="box-sizing: border-box; padding: 0px 5px; ">488</li><li style="box-sizing: border-box; padding: 0px 5px; ">489</li><li style="box-sizing: border-box; padding: 0px 5px; ">490</li><li style="box-sizing: border-box; padding: 0px 5px; ">491</li><li style="box-sizing: border-box; padding: 0px 5px; ">492</li><li style="box-sizing: border-box; padding: 0px 5px; ">493</li><li style="box-sizing: border-box; padding: 0px 5px; ">494</li><li style="box-sizing: border-box; padding: 0px 5px; ">495</li><li style="box-sizing: border-box; padding: 0px 5px; ">496</li><li style="box-sizing: border-box; padding: 0px 5px; ">497</li><li style="box-sizing: border-box; padding: 0px 5px; ">498</li><li style="box-sizing: border-box; padding: 0px 5px; ">499</li><li style="box-sizing: border-box; padding: 0px 5px; ">500</li><li style="box-sizing: border-box; padding: 0px 5px; ">501</li><li style="box-sizing: border-box; padding: 0px 5px; ">502</li><li style="box-sizing: border-box; padding: 0px 5px; ">503</li><li style="box-sizing: border-box; padding: 0px 5px; ">504</li><li style="box-sizing: border-box; padding: 0px 5px; ">505</li><li style="box-sizing: border-box; padding: 0px 5px; ">506</li><li style="box-sizing: border-box; padding: 0px 5px; ">507</li><li style="box-sizing: border-box; padding: 0px 5px; ">508</li><li style="box-sizing: border-box; padding: 0px 5px; ">509</li><li style="box-sizing: border-box; padding: 0px 5px; ">510</li><li style="box-sizing: border-box; padding: 0px 5px; ">511</li><li style="box-sizing: border-box; padding: 0px 5px; ">512</li><li style="box-sizing: border-box; padding: 0px 5px; ">513</li><li style="box-sizing: border-box; padding: 0px 5px; ">514</li><li style="box-sizing: border-box; padding: 0px 5px; ">515</li><li style="box-sizing: border-box; padding: 0px 5px; ">516</li><li style="box-sizing: border-box; padding: 0px 5px; ">517</li><li style="box-sizing: border-box; padding: 0px 5px; ">518</li><li style="box-sizing: border-box; padding: 0px 5px; ">519</li><li style="box-sizing: border-box; padding: 0px 5px; ">520</li><li style="box-sizing: border-box; padding: 0px 5px; ">521</li><li style="box-sizing: border-box; padding: 0px 5px; ">522</li><li style="box-sizing: border-box; padding: 0px 5px; ">523</li><li style="box-sizing: border-box; padding: 0px 5px; ">524</li><li style="box-sizing: border-box; padding: 0px 5px; ">525</li><li style="box-sizing: border-box; padding: 0px 5px; ">526</li><li style="box-sizing: border-box; padding: 0px 5px; ">527</li><li style="box-sizing: border-box; padding: 0px 5px; ">528</li><li style="box-sizing: border-box; padding: 0px 5px; ">529</li><li style="box-sizing: border-box; padding: 0px 5px; ">530</li><li style="box-sizing: border-box; padding: 0px 5px; ">531</li><li style="box-sizing: border-box; padding: 0px 5px; ">532</li><li style="box-sizing: border-box; padding: 0px 5px; ">533</li><li style="box-sizing: border-box; padding: 0px 5px; ">534</li><li style="box-sizing: border-box; padding: 0px 5px; ">535</li><li style="box-sizing: border-box; padding: 0px 5px; ">536</li><li style="box-sizing: border-box; padding: 0px 5px; ">537</li><li style="box-sizing: border-box; padding: 0px 5px; ">538</li><li style="box-sizing: border-box; padding: 0px 5px; ">539</li><li style="box-sizing: border-box; padding: 0px 5px; ">540</li><li style="box-sizing: border-box; padding: 0px 5px; ">541</li><li style="box-sizing: border-box; padding: 0px 5px; ">542</li><li style="box-sizing: border-box; padding: 0px 5px; ">543</li><li style="box-sizing: border-box; padding: 0px 5px; ">544</li><li style="box-sizing: border-box; padding: 0px 5px; ">545</li><li style="box-sizing: border-box; padding: 0px 5px; ">546</li><li style="box-sizing: border-box; padding: 0px 5px; ">547</li><li style="box-sizing: border-box; padding: 0px 5px; ">548</li><li style="box-sizing: border-box; padding: 0px 5px; ">549</li><li style="box-sizing: border-box; padding: 0px 5px; ">550</li><li style="box-sizing: border-box; padding: 0px 5px; ">551</li><li style="box-sizing: border-box; padding: 0px 5px; ">552</li><li style="box-sizing: border-box; padding: 0px 5px; ">553</li><li style="box-sizing: border-box; padding: 0px 5px; ">554</li><li style="box-sizing: border-box; padding: 0px 5px; ">555</li><li style="box-sizing: border-box; padding: 0px 5px; ">556</li><li style="box-sizing: border-box; padding: 0px 5px; ">557</li><li style="box-sizing: border-box; padding: 0px 5px; ">558</li><li style="box-sizing: border-box; padding: 0px 5px; ">559</li><li style="box-sizing: border-box; padding: 0px 5px; ">560</li><li style="box-sizing: border-box; padding: 0px 5px; ">561</li><li style="box-sizing: border-box; padding: 0px 5px; ">562</li><li style="box-sizing: border-box; padding: 0px 5px; ">563</li><li style="box-sizing: border-box; padding: 0px 5px; ">564</li><li style="box-sizing: border-box; padding: 0px 5px; ">565</li><li style="box-sizing: border-box; padding: 0px 5px; ">566</li><li style="box-sizing: border-box; padding: 0px 5px; ">567</li><li style="box-sizing: border-box; padding: 0px 5px; ">568</li><li style="box-sizing: border-box; padding: 0px 5px; ">569</li><li style="box-sizing: border-box; padding: 0px 5px; ">570</li><li style="box-sizing: border-box; padding: 0px 5px; ">571</li><li style="box-sizing: border-box; padding: 0px 5px; ">572</li><li style="box-sizing: border-box; padding: 0px 5px; ">573</li><li style="box-sizing: border-box; padding: 0px 5px; ">574</li><li style="box-sizing: border-box; padding: 0px 5px; ">575</li><li style="box-sizing: border-box; padding: 0px 5px; ">576</li><li style="box-sizing: border-box; padding: 0px 5px; ">577</li><li style="box-sizing: border-box; padding: 0px 5px; ">578</li><li style="box-sizing: border-box; padding: 0px 5px; ">579</li><li style="box-sizing: border-box; padding: 0px 5px; ">580</li><li style="box-sizing: border-box; padding: 0px 5px; ">581</li><li style="box-sizing: border-box; padding: 0px 5px; ">582</li><li style="box-sizing: border-box; padding: 0px 5px; ">583</li><li style="box-sizing: border-box; padding: 0px 5px; ">584</li><li style="box-sizing: border-box; padding: 0px 5px; ">585</li><li style="box-sizing: border-box; padding: 0px 5px; ">586</li><li style="box-sizing: border-box; padding: 0px 5px; ">587</li><li style="box-sizing: border-box; padding: 0px 5px; ">588</li><li style="box-sizing: border-box; padding: 0px 5px; ">589</li><li style="box-sizing: border-box; padding: 0px 5px; ">590</li><li style="box-sizing: border-box; padding: 0px 5px; ">591</li><li style="box-sizing: border-box; padding: 0px 5px; ">592</li><li style="box-sizing: border-box; padding: 0px 5px; ">593</li><li style="box-sizing: border-box; padding: 0px 5px; ">594</li><li style="box-sizing: border-box; padding: 0px 5px; ">595</li><li style="box-sizing: border-box; padding: 0px 5px; ">596</li><li style="box-sizing: border-box; padding: 0px 5px; ">597</li><li style="box-sizing: border-box; padding: 0px 5px; ">598</li><li style="box-sizing: border-box; padding: 0px 5px; ">599</li><li style="box-sizing: border-box; padding: 0px 5px; ">600</li><li style="box-sizing: border-box; padding: 0px 5px; ">601</li><li style="box-sizing: border-box; padding: 0px 5px; ">602</li><li style="box-sizing: border-box; padding: 0px 5px; ">603</li><li style="box-sizing: border-box; padding: 0px 5px; ">604</li><li style="box-sizing: border-box; padding: 0px 5px; ">605</li><li style="box-sizing: border-box; padding: 0px 5px; ">606</li><li style="box-sizing: border-box; padding: 0px 5px; ">607</li><li style="box-sizing: border-box; padding: 0px 5px; ">608</li><li style="box-sizing: border-box; padding: 0px 5px; ">609</li><li style="box-sizing: border-box; padding: 0px 5px; ">610</li><li style="box-sizing: border-box; padding: 0px 5px; ">611</li><li style="box-sizing: border-box; padding: 0px 5px; ">612</li><li style="box-sizing: border-box; padding: 0px 5px; ">613</li><li style="box-sizing: border-box; padding: 0px 5px; ">614</li><li style="box-sizing: border-box; padding: 0px 5px; ">615</li><li style="box-sizing: border-box; padding: 0px 5px; ">616</li><li style="box-sizing: border-box; padding: 0px 5px; ">617</li><li style="box-sizing: border-box; padding: 0px 5px; ">618</li><li style="box-sizing: border-box; padding: 0px 5px; ">619</li><li style="box-sizing: border-box; padding: 0px 5px; ">620</li><li style="box-sizing: border-box; padding: 0px 5px; ">621</li><li style="box-sizing: border-box; padding: 0px 5px; ">622</li><li style="box-sizing: border-box; padding: 0px 5px; ">623</li><li style="box-sizing: border-box; padding: 0px 5px; ">624</li><li style="box-sizing: border-box; padding: 0px 5px; ">625</li><li style="box-sizing: border-box; padding: 0px 5px; ">626</li><li style="box-sizing: border-box; padding: 0px 5px; ">627</li><li style="box-sizing: border-box; padding: 0px 5px; ">628</li><li style="box-sizing: border-box; padding: 0px 5px; ">629</li><li style="box-sizing: border-box; padding: 0px 5px; ">630</li><li style="box-sizing: border-box; padding: 0px 5px; ">631</li><li style="box-sizing: border-box; padding: 0px 5px; ">632</li><li style="box-sizing: border-box; padding: 0px 5px; ">633</li><li style="box-sizing: border-box; padding: 0px 5px; ">634</li><li style="box-sizing: border-box; padding: 0px 5px; ">635</li><li style="box-sizing: border-box; padding: 0px 5px; ">636</li><li style="box-sizing: border-box; padding: 0px 5px; ">637</li><li style="box-sizing: border-box; padding: 0px 5px; ">638</li><li style="box-sizing: border-box; padding: 0px 5px; ">639</li><li style="box-sizing: border-box; padding: 0px 5px; ">640</li><li style="box-sizing: border-box; padding: 0px 5px; ">641</li><li style="box-sizing: border-box; padding: 0px 5px; ">642</li><li style="box-sizing: border-box; padding: 0px 5px; ">643</li><li style="box-sizing: border-box; padding: 0px 5px; ">644</li><li style="box-sizing: border-box; padding: 0px 5px; ">645</li><li style="box-sizing: border-box; padding: 0px 5px; ">646</li><li style="box-sizing: border-box; padding: 0px 5px; ">647</li><li style="box-sizing: border-box; padding: 0px 5px; ">648</li><li style="box-sizing: border-box; padding: 0px 5px; ">649</li><li style="box-sizing: border-box; padding: 0px 5px; ">650</li><li style="box-sizing: border-box; padding: 0px 5px; ">651</li><li style="box-sizing: border-box; padding: 0px 5px; ">652</li><li style="box-sizing: border-box; padding: 0px 5px; ">653</li><li style="box-sizing: border-box; padding: 0px 5px; ">654</li><li style="box-sizing: border-box; padding: 0px 5px; ">655</li><li style="box-sizing: border-box; padding: 0px 5px; ">656</li><li style="box-sizing: border-box; padding: 0px 5px; ">657</li><li style="box-sizing: border-box; padding: 0px 5px; ">658</li><li style="box-sizing: border-box; padding: 0px 5px; ">659</li><li style="box-sizing: border-box; padding: 0px 5px; ">660</li><li style="box-sizing: border-box; padding: 0px 5px; ">661</li><li style="box-sizing: border-box; padding: 0px 5px; ">662</li><li style="box-sizing: border-box; padding: 0px 5px; ">663</li><li style="box-sizing: border-box; padding: 0px 5px; ">664</li><li style="box-sizing: border-box; padding: 0px 5px; ">665</li><li style="box-sizing: border-box; padding: 0px 5px; ">666</li><li style="box-sizing: border-box; padding: 0px 5px; ">667</li><li style="box-sizing: border-box; padding: 0px 5px; ">668</li><li style="box-sizing: border-box; padding: 0px 5px; ">669</li><li style="box-sizing: border-box; padding: 0px 5px; ">670</li><li style="box-sizing: border-box; padding: 0px 5px; ">671</li><li style="box-sizing: border-box; padding: 0px 5px; ">672</li><li style="box-sizing: border-box; padding: 0px 5px; ">673</li><li style="box-sizing: border-box; padding: 0px 5px; ">674</li><li style="box-sizing: border-box; padding: 0px 5px; ">675</li><li style="box-sizing: border-box; padding: 0px 5px; ">676</li><li style="box-sizing: border-box; padding: 0px 5px; ">677</li><li style="box-sizing: border-box; padding: 0px 5px; ">678</li><li style="box-sizing: border-box; padding: 0px 5px; ">679</li><li style="box-sizing: border-box; padding: 0px 5px; ">680</li><li style="box-sizing: border-box; padding: 0px 5px; ">681</li><li style="box-sizing: border-box; padding: 0px 5px; ">682</li><li style="box-sizing: border-box; padding: 0px 5px; ">683</li><li style="box-sizing: border-box; padding: 0px 5px; ">684</li><li style="box-sizing: border-box; padding: 0px 5px; ">685</li><li style="box-sizing: border-box; padding: 0px 5px; ">686</li><li style="box-sizing: border-box; padding: 0px 5px; ">687</li><li style="box-sizing: border-box; padding: 0px 5px; ">688</li><li style="box-sizing: border-box; padding: 0px 5px; ">689</li><li style="box-sizing: border-box; padding: 0px 5px; ">690</li></ul>

源码地址okhttp-utils,大家可以自己下载查看。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值