Android开发学习笔记之通过API接口将LaTex数学函数表达式转化为图片形式
本文将讲解如何通过codecogs.com和Google.com提供的API接口来将LaTeX数学函数表达式转化为图片形式。具体思路如下：
（1）通过EditText获取用户输入的LaTeX数学表达式，然后对表达式格式化使之便于网络传输。
（2）将格式化之后的字符串，通过Http请求发送至codecogs.com或者Google.com。
（3）获取网站返回的数据流，将其转化为图片，并显示在ImageView上。
具体过程为：
1、获取并格式化LaTeX数学表达式
首先，我们在这个网站输入LaTeX数学公式然后返回图片时，即“http://latex.codecogs.com/gif.latex?“后面跟上我们输入的公式内容。比如”http://latex.codecogs.com/gif.latex?\alpha”就显示一个希腊字母\alpha。所以我们可以在其后加上我们希望转换的公式即可。但是需要注意的是，网络URL中的空格有时候会自动转化为加号”+“。所以，我们在传输的时候需要将空格去掉。或者将其转换为”%20“。Button单击时执行。
首先要添加网络访问权限：
<uses-permissionandroid:name="android.permission.INTERNET"/>
StringPicUrlCogs="http://latex.codecogs.com/gif.latex?";
Url=newURL(PicUrlCogs+editText.getText().toString().replace("",""));
newMyDownloadTask().execute();//执行Http请求
while(!finishFlag){}//等待数据接收完毕
imageView.setImageBitmap(pngBM);//显示图片
finishFlag=false;//标识回位
2、发送Http请求
这里，我们发送Http请求采取异步线程的方式。首先，获取上一步得到的URL地址，然后建立一个Http链接，然后将返回的数据输入到输入流中，最后将输入流进行解码为图片并显示在ImageView中。
protectedVoiddoInBackground(Void...params){
try{
URLpicUrl=Url;//获取URL地址
HttpURLConnectionconn=(HttpURLConnection)picUrl.openConnection();
//conn.setConnectTimeout(1000);//建立连接
//conn.setReadTimeout(1000);
conn.connect();//打开连接
if(conn.getResponseCode()==200){//连接成功，返回数据
InputStreamins=conn.getInputStream();//将数据输入到数据流中
pngBM=BitmapFactory.decodeStream(picUrl.openStream());//解析数据流
finishFlag=true;//数据传输完毕标识
ins.close();//关闭数据流
}
}catch(Exceptione){
e.printStackTrace();
}
returnnull;
}
完整的MyDownloadTask类代码（在MainActivity内）：
3、显示图片
在上一步建立的网络连接类，然后在Button单击事件内实例化一个此类来接收数据，然后将返回的数据显示在ImageView内。
btnPreview.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewv){
try{
Url=newURL(PicUrlCogs+editText.getText().toString().replace("",""));//转换字符串
newMyDownloadTask().execute();//执行Http请求
while(!finishFlag){}//等待数据接收完毕
imageView.setImageBitmap(pngBM);//显示图片
finishFlag=false;//标识回位
}catch(Exceptione){
e.printStackTrace();
}
}
});
这样，我们在输入LaTeX公式之后，单击PREVIEW按钮，就会在ImageView上显示对应的图片了。由于本文只讨论如何进行转化，并没有对图片进行任何优化处理，可能看起来比较小。另外，如果采取去空格转化URL的方法，尽量保证LaTeX表达式是严格合法的（比如所有单元都用{}括起来）。
Screenshot_2015-11-17-22-21-34 Screenshot_2015-11-17-22-23-00
完整代码：
importandroid.app.Activity;
importandroid.graphics.Bitmap;
importandroid.graphics.BitmapFactory;
importandroid.os.AsyncTask;
importandroid.os.Bundle;
importandroid.view.View;
importandroid.widget.Button;
importandroid.widget.EditText;
importandroid.widget.ImageView;
importjava.io.InputStream;
importjava.net.HttpURLConnection;
importjava.net.URL;
publicclassMainActivityextendsActivity{
privateStringPicUrlGoogle="http://chart.apis.google.com/chart?cht=tx&chl=";
privateStringPicUrlCogs="http://latex.codecogs.com/gif.latex?";
privateButtonbtnPreview;
privateEditTexteditText;
privateImageViewimageView;
privateBitmappngBM;
privateURLUrl;
privatebooleanfinishFlag=false;
@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
btnPreview=(Button)findViewById(R.id.btnPreview);
imageView=(ImageView)findViewById(R.id.imageView);
editText=(EditText)findViewById(R.id.editText);
btnPreview.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewv){
try{
Url=newURL(PicUrlCogs+editText.getText().toString().replace("",""));//转换字符串
newMyDownloadTask().execute();//执行Http请求
while(!finishFlag){}//等待数据接收完毕
imageView.setImageBitmap(pngBM);//显示图片
finishFlag=false;//标识回位
}catch(Exceptione){
e.printStackTrace();
}
}
});
}
@Override
publicvoidonDestroy(){
super.onDestroy();
}
classMyDownloadTaskextendsAsyncTask<Void,Void,Void>{
protectedvoidonPreExecute(){
//displayprogressdialog.
}
protectedVoiddoInBackground(Void...params){
try{
URLpicUrl=Url;//获取URL地址
HttpURLConnectionconn=(HttpURLConnection)picUrl.openConnection();
//conn.setConnectTimeout(1000);//建立连接
//conn.setReadTimeout(1000);
conn.connect();//打开连接
if(conn.getResponseCode()==200){//连接成功，返回数据
InputStreamins=conn.getInputStream();//将数据输入到数据流中
pngBM=BitmapFactory.decodeStream(picUrl.openStream());//解析数据流
finishFlag=true;//数据传输完毕标识
ins.close();//关闭数据流
}
}catch(Exceptione){
e.printStackTrace();
}
returnnull;
}
protectedvoidonPostExecute(Voidresult){
//dismissprogressdialogandupdateui
}
}
}
以上内容是小编给大家介绍的关于Android开发学习笔记之通过API接口将LaTex数学函数表达式转化为图片形式，希望大家喜欢。