Androidが学習ノートを開発したのはAPIインターフェースを通じてLaTex数学関数式を画像形式に変換したものです。
ここでは、LaTeX数学関数表現を、codecogs.comとGoogle.comによって提供されるAPIインターフェースによって、どのように画像形式に変換するかを説明する。具体的な考えは次の通りです。
(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?\アルファ」はギリシャ文字であるアルファベットを表示します。だから、私たちはその後に私たちが希望する変換式を加えてもいいです。ただし、ネットワークURLのスペースは自動的にプラス記号に変換される場合があります。だから、私達は伝送する時にスペースを取り除く必要があります。または「%20」に変換します。Buttonをクリックして実行します。
まずネットワークアクセス権限を追加します。
ここでは、Http要求を送り、非同期スレッド方式をとる。まず、前のステップで得られたURLアドレスを取得し、Httpリンクを作成し、その後、戻ったデータを入力ストリームに入力し、最後に入力ストリームをピクチャに復号してImageViewに表示する。
3、画像を表示する
前のステップで確立されたネットワーク接続クラスは、イベント内でButtonをクリックして、このようなデータを受信し、戻ったデータをImageViewに表示します。
シュレエント・ショー2015-11-27-22-1-34 シュレエント・ショー2015-11-7-22-23-00
完全コード:
(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?\アルファ」はギリシャ文字であるアルファベットを表示します。だから、私たちはその後に私たちが希望する変換式を加えてもいいです。ただし、ネットワークURLのスペースは自動的にプラス記号に変換される場合があります。だから、私達は伝送する時にスペースを取り除く必要があります。または「%20」に変換します。Buttonをクリックして実行します。
まずネットワークアクセス権限を追加します。
<uses-permission android:name="android.permission.INTERNET"/>
String PicUrlCogs = "http://latex.codecogs.com/gif.latex?";
Url = new URL(PicUrlCogs + editText.getText().toString().replace(" ",""));
new MyDownloadTask().execute(); // Http
while(!finishFlag) {} //
imageView.setImageBitmap(pngBM); //
finishFlag = false; //
2、Http要求を送信するここでは、Http要求を送り、非同期スレッド方式をとる。まず、前のステップで得られたURLアドレスを取得し、Httpリンクを作成し、その後、戻ったデータを入力ストリームに入力し、最後に入力ストリームをピクチャに復号してImageViewに表示する。
protected Void doInBackground(Void... params) {
try {
URL picUrl = Url; // URL
HttpURLConnection conn = (HttpURLConnection) picUrl.openConnection();
// conn.setConnectTimeout(1000); //
// conn.setReadTimeout(1000);
conn.connect(); //
if (conn.getResponseCode() == 200) { // ,
InputStream ins = conn.getInputStream(); //
pngBM = BitmapFactory.decodeStream(picUrl.openStream()); //
finishFlag = true; //
ins.close(); //
}
} catch (Exception e) {
e.printStackTrace();
}
return null;
}
完全なMyDownloadTask類コード(MainActivity内):3、画像を表示する
前のステップで確立されたネットワーク接続クラスは、イベント内でButtonをクリックして、このようなデータを受信し、戻ったデータをImageViewに表示します。
btnPreview.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
try {
Url = new URL(PicUrlCogs + editText.getText().toString().replace(" ","")); //
new MyDownloadTask().execute(); // Http
while(!finishFlag) {} //
imageView.setImageBitmap(pngBM); //
finishFlag = false; //
} catch (Exception e) {
e.printStackTrace();
}
}
});
このようにLaTeX式を入力した後、PREVIEWボタンをクリックすると、ImageViewに対応する画像が表示されます。本論文ではどのように変換するかを議論しているだけなので、画像に対しての最適化処理は行われておらず、比較的小さいように見える。また、URLをスペースに変換する方法を採用すれば、LaTeX表現は厳格かつ合法的であることが保証されます。シュレエント・ショー2015-11-27-22-1-34 シュレエント・ショー2015-11-7-22-23-00
完全コード:
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.AsyncTask;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;
public class MainActivity extends Activity {
private String PicUrlGoogle = "http://chart.apis.google.com/chart?cht=tx&chl=";
private String PicUrlCogs = "http://latex.codecogs.com/gif.latex?";
private Button btnPreview;
private EditText editText;
private ImageView imageView;
private Bitmap pngBM;
private URL Url;
private boolean finishFlag = false;
@Override
protected void onCreate(Bundle savedInstanceState) {
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(new View.OnClickListener() {
@Override
public void onClick(View v) {
try {
Url = new URL(PicUrlCogs + editText.getText().toString().replace(" ","")); //
new MyDownloadTask().execute(); // Http
while(!finishFlag) {} //
imageView.setImageBitmap(pngBM); //
finishFlag = false; //
} catch (Exception e) {
e.printStackTrace();
}
}
});
}
@Override
public void onDestroy() {
super.onDestroy();
}
class MyDownloadTask extends AsyncTask<Void, Void, Void> {
protected void onPreExecute() {
//display progress dialog.
}
protected Void doInBackground(Void... params) {
try {
URL picUrl = Url; // URL
HttpURLConnection conn = (HttpURLConnection) picUrl.openConnection();
// conn.setConnectTimeout(1000); //
// conn.setReadTimeout(1000);
conn.connect(); //
if (conn.getResponseCode() == 200) { // ,
InputStream ins = conn.getInputStream(); //
pngBM = BitmapFactory.decodeStream(picUrl.openStream()); //
finishFlag = true; //
ins.close(); //
}
} catch (Exception e) {
e.printStackTrace();
}
return null;
}
protected void onPostExecute(Void result) {
// dismiss progress dialog and update ui
}
}
}
以上の内容は小編で紹介したAndroid開発学習ノートに関するAPIインターフェースを通じてLaTex数学関数表現を画像形式に変換しました。