开发笔记 第628页

這是lgzx公司的一道面試題，要求給js的String添加一個方法，去除字符串兩邊的空白字符（包括空格、製錶符、換頁符等）。

JQuery1.4.2，Mootools 使用

JQuery1.4.3，Prototype 使用，该方式去掉g以稍稍提高性能 在小规模的处理字符串时性能较好

Steven Levithan 在进行性能测试后提出了在JS中执行速度最快的裁剪字符串方式，在处理长字符串时性能较好

最后需要提到的是 ECMA-262(V5) 中给String添加了原生的trim方法(15.5.4.20)。此外Molliza Gecko 1.9.1引擎中还给String添加了trimLeft ，trimRight 方法。

此篇接上篇 Android访问WCF(下篇)-客户端开发 将服务器获取的JSON数据通过GSON这个类库, 进行反序列化, 并通过UI显示出来.

如何在Android平台上用GSON反序列化JSON数据, 参考了这篇文章 http://benjii.me/2010/04/deserializing-json-in-android-using-gson/

一. 建立我们包装好的Http请求类文件 WebDataGetApi.java

package com.demo;

import java.io.IOException;
import java.io.InputStreamReader;
import java.io.UnsupportedEncodingException;

import org.apache.http.HttpEntity;
import org.apache.http.HttpResponse;
import org.apache.http.client.methods.HttpGet;
import org.apache.http.impl.client.DefaultHttpClient;
import org.apache.http.params.BasicHttpParams;
import org.apache.http.protocol.HTTP;

import android.util.Log;

public class WebDataGetApi {

    private static final String TAG = "WebDataGetAPI";
    private static final String USER_AGENT = "Mozilla/4.5";

    protected String getRequest(String url) throws Exception {
        return getRequest(url, new DefaultHttpClient(new BasicHttpParams()));
    }

    protected String getRequest(String url, DefaultHttpClient client)
            throws Exception {
        String result = null;
        int statusCode = 0;
        HttpGet getMethod = new HttpGet(url);
        Log.d(TAG, "do the getRequest,url=" + url + "");
        try {
            getMethod.setHeader("User-Agent", USER_AGENT);
            // HttpParams params = new HttpParams();

            // 添加用户密码验证信息
            // client.getCredentialsProvider().setCredentials(
            // new AuthScope(null, -1),
            // new UsernamePasswordCredentials(mUsername, mPassword));

            HttpResponse httpResponse = client.execute(getMethod);
            // statusCode == 200 正常
            statusCode = httpResponse.getStatusLine().getStatusCode();
            Log.d(TAG, "statuscode = " + statusCode);
            // 处理返回的httpResponse信息
            result = retrieveInputStream(httpResponse.getEntity());
        } catch (Exception e) {
            Log.e(TAG, e.getMessage());
            throw new Exception(e);
        } finally {
            getMethod.abort();
        }
        return result;
    }

    /**
     * 处理httpResponse信息,返回String
     * 
     * @param httpEntity
     * @return String
     */
    protected String retrieveInputStream(HttpEntity httpEntity) {
        int length = (int) httpEntity.getContentLength();
        if (length < 0)
            length = 10000;
        StringBuffer stringBuffer = new StringBuffer(length);
        try {
            InputStreamReader inputStreamReader = new InputStreamReader(
                    httpEntity.getContent(), HTTP.UTF_8);
            char buffer[] = new char[length];
            int count;
            while ((count = inputStreamReader.read(buffer, 0, length - 1)) > 0) {
                stringBuffer.append(buffer, 0, count);
            }
        } catch (UnsupportedEncodingException e) {
            Log.e(TAG, e.getMessage());
        } catch (IllegalStateException e) {
            Log.e(TAG, e.getMessage());
        } catch (IOException e) {
            Log.e(TAG, e.getMessage());
        }
        return stringBuffer.toString();
    }
}

二. 建立JsonDataGetApi.java

package com.demo;

import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;

public class JsonDataGetApi extends WebDataGetApi {
    private static final String BASE_URL = "http://10.0.2.2:82/AccountService/";
    private static final String EXTENSION = "Json/";;

    public JSONObject getObject(String sbj) throws JSONException, Exception {
        return new JSONObject(getRequest(BASE_URL + EXTENSION + sbj));
    }

    public JSONArray getArray(String sbj) throws JSONException, Exception {
        return new JSONArray(getRequest(BASE_URL + EXTENSION + sbj));
    }
}

三. 建立Android端Account模型Account.java

package com.demo;

import java.util.Date;

public class Account {

    public String Name;

    public int Age;

    public String Address;

    public Date Birthday;
}

四. 在我们的主Activity中调用刚才的方法, 在这一步中我们需要引入Google的gson 库gson-1.6.jar至我们的工程(下载地址)

package com.demo;

import java.util.Date;

import org.json.JSONArray;
import org.json.JSONObject;

import com.google.gson.Gson;
import com.google.gson.GsonBuilder;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.widget.TextView;
import android.widget.Toast;

public class WebData extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        getJsonData();
    }

    public void getJsonData() {
        JsonDataGetApi api = new JsonDataGetApi();
        JSONArray jArr;
        JSONObject jobj;
        try {
            //调用GetAccountData方法
            jArr = api.getArray("GetAccountData");
            //从返回的Account Array中取出第一个数据
            jobj = jArr.getJSONObject(0);
            
          GsonBuilder gsonb = new GsonBuilder();
            //Json中的日期表达方式没有办法直接转换成我们的Date类型, 因此需要单独注册一个Date的反序列化类.
            //DateDeserializer ds = new DateDeserializer();
            //给GsonBuilder方法单独指定Date类型的反序列化方法
              //gsonb.registerTypeAdapter(Date.class, ds);
            
            Gson gson = gsonb.create();

            Account account = gson.fromJson(jobj.toString(), Account.class);

            Log.d("LOG_CAT", jobj.toString());
            ((TextView) findViewById(R.id.Name)).setText(account.Name);
            ((TextView) findViewById(R.id.Age)).setText(account.Age);
            ((TextView) findViewById(R.id.Birthday)).setText(account.Birthday
                    .toGMTString());
            ((TextView) findViewById(R.id.Address)).setText(account.Address);

        } catch (Exception e) {
            Toast.makeText(getApplicationContext(), e.getMessage(),
                    Toast.LENGTH_LONG).show();
            e.printStackTrace();
            TextView movie_Address = (TextView) findViewById(R.id.Address);
            movie_Address.setText(e.getMessage());
        }
    }
}

五.我们开始构建UI

打开layout下的main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <TextView android:id="@+id/Name" android:layout_width="fill_parent"
        android:layout_height="wrap_content" />
    <TextView android:id="@+id/Age" android:layout_width="fill_parent"
        android:layout_height="wrap_content" />
    <TextView android:id="@+id/Birthday" android:layout_width="fill_parent"
        android:layout_height="wrap_content" />
    <TextView android:id="@+id/Address" android:layout_width="fill_parent"
        android:layout_height="wrap_content" />
</LinearLayout>

在配置好RunConfiguration之后,我们开始运行程序,  查看Log发现有以下错误,

意思是说访问被禁止，也就是未授权访问,  其意思并不是我们的服务未授权, 因为Andriod具有很好的很好很好的安全机制, 我们要访问网络必须要经过授权才可以;

我们打开res目录下AndroidManifest.xml, 注意字体加粗放大的那句, 就是给我们的程序加入Internet的访问授权.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.demo"
      android:versionCode="1"
      android:versionName="1.0">
      
      <uses-permission android:name="android.permission.INTERNET"></uses-permission>

    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".WebData"
                  android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

    </application>
</manifest>

再次运行程序， 会发现显示如下:

从上图中的statuscode = 200来看,说明我们的请求已经成功, 问题出现在Json Parse(Json数据转换/反序列化/格式化)的过程中, 我们现在把从服务器传过来的数据拿出来看看, 在浏览器输入我们的服务地址: http://localhost:82/AccountService/Json/GetAccountData

[
 {
     "Address": "YouYi East Road",
     "Age": 56,
     "Birthday": "/Date(1298605481453+0800)/",
     "Name": "Bill Gates"
 },
 {
     "Address": "YouYi West Road",
     "Age": 57,
     "Birthday": "/Date(1298605481453+0800)/",
     "Name": "Steve Paul Jobs"
 },
 {
     "Address": "YouYi North Road",
     "Age": 65,
     "Birthday": "/Date(1298605481453+0800)/",
     "Name": "John D. Rockefeller"
 }
]

我们发现其中的Birthday的结果并非我们想象中yyyy-mm-dd HH:mm:ss类型, 究其原因可以查看MSDN文章《JavaScript 和 .NET 中的 JavaScript Object Notation (JSON) 简介》

现在我们给我们的GsonBuilder指定Date的序列化方法, 先增加一个Date反序列化的类DateDeserializer.java

package com.demo;

import java.lang.reflect.Type;
import java.util.Date;
import java.util.regex.Matcher;
import java.util.regex.Pattern;

import com.google.gson.JsonDeserializationContext;
import com.google.gson.JsonDeserializer;
import com.google.gson.JsonElement;
import com.google.gson.JsonParseException;

public class DateDeserializer implements JsonDeserializer<Date> {
    public Date deserialize(JsonElement json, Type typeOfT,
            JsonDeserializationContext context) throws JsonParseException {
        String JSONDateToMilliseconds = "\\/(Date\\((.*?)(\\+.*)?\\))\\/";
        Pattern pattern = Pattern.compile(JSONDateToMilliseconds);
        Matcher matcher = pattern.matcher(json.getAsJsonPrimitive()
                .getAsString());
        String result = matcher.replaceAll("$2");
        return new Date(new Long(result));
    }
}

其次修改Activity类中的GetDate方法如下, 注意其中加粗的部分.

    public void getJsonData() {
        JsonDataGetApi api = new JsonDataGetApi();
        JSONArray jArr;
        JSONObject jobj;
        try {
            //调用GetAccountData方法
            jArr = api.getArray("GetAccountData");
            //从返回的Account Array中取出第一个数据
            jobj = jArr.getJSONObject(0);
            
            GsonBuilder gsonb = new GsonBuilder();
            //Json中的日期表达方式没有办法直接转换成我们的Date类型, 因此需要单独注册一个Date的反序列化类.
            DateDeserializer ds = new DateDeserializer();
            //给GsonBuilder方法单独指定Date类型的反序列化方法
              gsonb.registerTypeAdapter(Date.class, ds);
            
            Gson gson = gsonb.create();

            Account account = gson.fromJson(jobj.toString(), Account.class);

            Log.d("LOG_CAT", jobj.toString());
            ((TextView) findViewById(R.id.Name)).setText(account.Name);
            ((TextView) findViewById(R.id.Age)).setText(String.valueOf(account.Age)）;
            ((TextView) findViewById(R.id.Birthday)).setText(account.Birthday
                    .toGMTString());
            ((TextView) findViewById(R.id.Address)).setText(account.Address);

        } catch (Exception e) {
            Toast.makeText(getApplicationContext(), e.getMessage(),
                    Toast.LENGTH_LONG).show();
            e.printStackTrace();
        }
    }
}

我们现在再运行程序 ：

执行成功.

示例下载

今天，茄子_2008反馈他博客中的“C++” 标签失效。检查了一下代码，生成链接时用的是HttpUtility.UrlEncode(url)，从链接地址获取标签时用的是 HttpUtility.UrlDecode(url)，从Encode到Decode，“C++”变成了“C  ”(加号变成空格)。这是大家熟知的问题，这里我们分析一下这个问题，并给出解决方法。

先看一下问题发生的过程：

1. 原始链接：

http://www.cnblogs.com/xd502djj/tag/C++/

2. HttpUtility.UrlEncode之后，得到：

http://www.cnblogs.com/xd502djj/tag/C%2b%2b/

3. Request.RawUrl，得到：

http://www.cnblogs.com/xd502djj/tag/C++/

4. HttpUtility.UrlDecode，得到：

http://www.cnblogs.com/xd502djj/tag/C  /

上面第3步已经得到正确的结果，第4步的UrlDecode反而将加号变为了空格。

看来解决方法很简单，取消多此一举的UrlDecode，开始我们也是这么干的。过了一段时间，有用户反映“Windows Phone”的标签失效了，变成了“Windows+Phone”。我们一查，原来是在HttpUtility.UrlEncode时，空格被转换为加 号，需要调用UrlDecode将加号还原为空格，于是又把HttpUtility.UrlDecode加上（忘了之前的“C++”标签问题）。然 后，“C++”标签又失效…这样反反复复，看似Bug很多，工作很忙，实际上就是一个Bug…

终于有一天，我们说“再也不能这样过”，开始寻找解决方案：

既然HttpUtility.UrlEncode()不能用，那在.NET中找找有没有替代品。

先找到了HttpUtility.UrlPathEncode()。嘿，有用，轻松搞定“C++”与空格问题，但是…后来发现搞不定“C#”，它没有对“#”进行编码。

继续寻找…找到了Uri.EscapeUriString()，与HttpUtility.UrlPathEncode()同样的问题。

继续寻找…终于找到了…Uri.EscapeDataString()，搞定！请看下面的测试代码：

public void UrlEncodeTest()
{
    string url = "C++ C#";
    Console.WriteLine(HttpUtility.UrlEncode(url));//C%2b%2b+C%23
    Console.WriteLine(HttpUtility.UrlPathEncode(url));//C++%20C#
    Console.WriteLine(Uri.EscapeUriString(url));//C++%20C#
    Console.WriteLine(Uri.EscapeDataString(url));//C%2B%2B%20C%23
}

注：运行环境.NET4。

很久没有写博客了，这两天一直忙于一个关于考试的项目，将其中的一些效果实现的经验写下来，希望给看到的人或者给有这方面需求的人帮助。

首先来张效果图，没有经过美工处理的 实现基本功能

其实做这个项目复习了很多内容，将之前单个项目中用到的某些功能综合到一起了，例如1、自定义标题栏2、Java和JavaScript的互调3、 Activity实现仿Dialog样式4、多线程实现考试倒计时5、退出Activity时保存配置信息（考试剩余时间）6、熟悉UI布局

上面这些效果中，讲讲通过Java和JavaScript互调实现点击文本中缩略图弹出一个大图。

最开始想实现这种效果的时候就想到了TextView控件，因为TextView通过Html这个类可以在文本中插入图片。但是有个问题困扰着我， 一个文本中的图片个数是不确定的，我怎样在一个TextView中添加多个图片（这个好解，通过TextView的append方法可以拼接任意张，因为 这里的缩略图都是相同的，但这却无法定位我点击了那个缩略图，应该弹出那个大图）。最后实在没办法，我想到了WebView这个控件，通过它加载一个本地 html页面，在其中通过给<image />对象添加onclick事件，传递一个imgSrc参数给Java方法，透过Java方法打开一个Activity来显示图片，ok,整个要实 现的效果就完成了。So Easy，虽然最后实现这个效果没多少代码，但是从TextView这个控件一路走来到WebView,也耗费了将近一天的功夫，但是这个过程却非常值得 享受，喔，我又懂得了更多。

下面通过代码一步一步来解析：首先是准备asset中的本地html文件。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body onload="window.JsUseJave.onLoad()">
Write a recount for your newsletter using the notes given _____
    <a onClick='setIv("/sdcard/IMG001.png")' > <img id="ig"/></a>
<script language="javascript">
function load(src){
      document.getElementById('ig').src=src;
}
    
function setIv(src){
    window.JsUseJave.setImgSrc(src)
}
</script>
</body>
</html>

1、最开始的时候是想在进入Activity的时候就自动加载图片

wv.loadUrl("javascript:load('"+imgSrc+"'");

，但是发现一个问题在body的onload()中直接调用js:load(src)方法并没有执行。没办法只能用通过点击按钮给图片加载资源。后 来突然想到可以JavaScript和Java互调，就把这一步添加到JavaScriptInterface类中，这个类要自己定义

    final class JsUseJaveInterface{
        public void setImgSrc(String imgSrc){
            Intent intent =new Intent(E6.this,ImageShow.class);
            Bundle bundle=new Bundle();
            bundle.putString("imgSrc", imgSrc);
            intent.putExtras(bundle);
            startActivity(intent);
        }
        
        //登录加载图片
        public void onLoad(){
            wv.loadUrl("javascript:load('"+src+"')");
        }
    }

设置JavaScript可调用Java

        wv.addJavascriptInterface(new JsUseJaveInterface(), "JsUseJave");

在html文件body的onload事件中通过java转一步调用javascript方法中的load(src)事件。这样就能在加载Activity的时候将缩略图同时显示出来了。

2、有了前面的经验，点击缩略图弹出大图就好实现了。给<image/>添加点击事件间接的去调用Java中的一个方法重新打开一个Activity显示大图，就是上面的自定义的JsUseJavaInteface中的setImgSrc()方法。

**js调用Java中方法：window.JsUseJave.onLoad()，JsUseJave是wv.addJavascriptInterface(new JsUseJaveInterface(), “JsUseJave”);中的别名，onLoad()则是JsUseJaveInterface这个类中定义的一个方法。

理解Android系统中的轻量级解决方案RPC的原理，需要先回顾一下JAVA中的RMI（Remote Method Invocation)这个易于使用的纯JAVA方案（用来实现分布式应用）。有关RMI的相关知识，可以通过下图来归纳：

Android中的RPC也是参考了JAVA中的RMI方案，这里我们再详细了解一下RPC的实现过程。

Android中的RPC机制是为了实现一个进程使用另一个进程中的远程对象，它使用了Android自己的AIDL（接口定义语言），使用户很方 便地定义出一个接口作为规范，通过一个远程Service为代理 ，客户端在绑定该远程Service过程中获取远程对象，进而使用该对象。可参考下图所示：

补充：RPC的另一个目的是对客户端只声明接口及方法，隐藏掉具体实现类，供客户端直接获取此接口实例。

实例代码：

待续