Android开发学习笔记之通过API接口将LaTex数学函数表达式转化为图片形式

 更新时间:2015年11月18日 09:43:23   投稿:mrr  
这篇文章主要介绍了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-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表达式是严格合法的(比如所有单元都用{}括起来)。

Screenshot_2015-11-17-22-21-34 Screenshot_2015-11-17-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数学函数表达式转化为图片形式,希望大家喜欢。

相关文章

  • Android编程实现TCP、UDP客户端通信功能示例

    Android编程实现TCP、UDP客户端通信功能示例

    这篇文章主要介绍了Android编程实现TCP、UDP客户端通信功能,结合实例形式分析了Android实现TCP与UDP通讯功能的相关操作技巧与注意事项,需要的朋友可以参考下
    2016-10-10
  • Android FileProvider使用教程

    Android FileProvider使用教程

    主要摘要关键知识点和记录我的学习思路及验证结论,可以帮助读者比较全面的认识FileProvider,FileProvider是特殊的ContentProvider,目标是在为保护隐私和数据安全而加强应用沙箱机制的同时,支持在应用间共享文件
    2023-03-03
  • 分析CmProcess跨进程通信的实现

    分析CmProcess跨进程通信的实现

    CmProcess是Android一个跨进程通信框架,无需进行bindService()操作,不用定义Service,也不需要定义aidl。 支持IPC级的 Callback,并且支持跨进程的事件总线,可同步获取服务,采用面向接口方式进行服务注册与调用,服务调用方和使用者完全解耦
    2021-06-06
  • Android自定义带圆角的ImageView

    Android自定义带圆角的ImageView

    这篇文章主要为大家详细介绍了Android自定义带圆角的ImageView,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-08-08
  • Android之线程池ThreadPoolExecutor的简介

    Android之线程池ThreadPoolExecutor的简介

    今天小编就为大家分享一篇关于Android之线程池ThreadPoolExecutor的简介,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-03-03
  • Flutter Flow实现滑动显隐层示例详解

    Flutter Flow实现滑动显隐层示例详解

    这篇文章主要为大家介绍了Flutter Flow实现滑动显隐层示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • Flutter中如何使用WillPopScope的示例代码

    Flutter中如何使用WillPopScope的示例代码

    这篇文章主要介绍了Flutter中如何使用WillPopScope,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-05-05
  • VerticalBannerView仿淘宝头条实现垂直轮播广告

    VerticalBannerView仿淘宝头条实现垂直轮播广告

    这篇文章主要为大家详细介绍了VerticalBannerView仿淘宝头条实现垂直轮播广告,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-08-08
  • Android 上实现DragonBones换装功能

    Android 上实现DragonBones换装功能

    这篇文章主要介绍了Android 上实现DragonBones换装功能,文章围绕主题展开详细的内容介绍,具有一定的参考价值,感兴趣的小伙伴可以参考一下
    2022-06-06
  • Android自动测试工具Monkey

    Android自动测试工具Monkey

    Monkey是Android中的一个命令行工具,可以运行在模拟器里或实际设备中。它向系统发送伪随机的用户事件流(如按键输入、触摸屏输入、手势输入等),实现对正在开发的应用程序进行压力测试。Monkey测试是一种为了测试软件的稳定性、健壮性的快速有效的方法
    2016-01-01

最新评论