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

(0)

相关推荐

  • Android开发技巧之像QQ一样输入文字和表情图像

    EditText和TextView一样,也可以进行图文混排.所不同的是,TextView只用于显示图文混排效果,而EditText不仅可显示,也可混合输入文字和图像,让我们先回顾一下图5.2所示的QQ聊天输入框,在输入框中可以同时输入文字和表情图像.实际上,这种效果在Android SDK中只需要几行代码就可以实现.为了使读者更有学习的冲动,先来欣赏一下即将实现的效果,如图5.16所示. 图5.16 在EditText控件中输入文字和图像 为了实现这个程序,首先来准备一些要用到的素材,也就是要在

  • Android图像处理之霓虹滤镜效果

    霓虹是用来描绘图像的轮廓,勾画出颜色变化的边缘,加强其过度效果,使图像产生轮廓发光的效果. 主要步骤为 1.根据当前像素与其右方和下方像素的梯度运算: 2.然后将结果值作为当前像素值,即将原图当前下像素的RGB分量与其右方和下方像素做梯度 运算(差的平方和平方根): 3.然后将梯度值作为处理后的像素的RGB三个分量: 用代码实现如下: //霓虹 public static Bitmap Neon(Bitmap bitmap){ int w = bitmap.getWidth(); int h =

  • android图像绘制(六)获取本地图片或拍照图片等图片资源

    从SD卡中获取图片资源,或者拍一张新的图片. 先贴代码 获取图片: 注释:拍照获取的话,可以指定图片的保存地址,在此不说明. 复制代码 代码如下: CharSequence[] items = {"相册", "相机"}; new AlertDialog.Builder(this) .setTitle("选择图片来源") .setItems(items, new OnClickListener() { public void onClick(Dia

  • android图像绘制(二)画布上放大缩小问题

    android中图像在画布上放大缩小时,图像的边框大小没有改变! 原图如下: 放大后:原来图片的边框没有改变,位置依旧! 所以如果要放置图片的位置的话,就需要做相应的位置移动才可以! 采用如下代码(全屏放置图片): 复制代码 代码如下: Matrix matrix = new Matrix(); matrix.postScale(canvas.getWidth()*1.01f/bmpBg.getWidth(), canvas.getHeight()*1.01f/bmpBg.getHeight()

  • Android RichText 让Textview轻松的支持富文本(图像ImageSpan、点击效果等等类似QQ微信聊天)

    AndroidRichText帮助实现像QQ,微信一样的,一个TextView里既有文字又有表情又有图片的效果,采用插件化的框架,代码简单,可拓展性强. 基础框架包只有四个java文件, RichTextWrapper :TextView的包裹类,实现支持富文本,通过new RichTextWrapper(TextView v)来构造. RTMovementMethod: 继承自Android原生的LinkMovementMethod,重写onTouchEvent方法,优化了ClickSpan(

  • Android开发之图形图像与动画(三)Animation效果的XML实现

    使用XML来定义Tween Animation 动画的XML文件在工程中res/anim目录,这个文件必须包含一个根元素,可以使<alpha><scale> <translate> <rotate>插值元素或者是把上面的元素都放入<set>元素组中,默认情况下,所以的动画指令都是同时发生的,为了让他们按序列发生,需要设置一个特殊的属性startOffset.动画的指令定义了你想要发生什么样的转换,当他们发生了,应该执行多长时间,转换可以是连续的也

  • Android中将View的内容保存为图像的简单实例

    原理:创建一个新的Bitmap,然后再根据它来创建一个Canvas,最后调用View的draw方法将View画到Canvas上,这样得到的Bitmap就是我们想要的.代码: 复制代码 代码如下: public Bitmap createViewBitmap(View v) {        Bitmap bitmap = Bitmap.createBitmap(v.getWidth(), v.getHeight(),        Bitmap.Config.ARGB_8888);       

  • Android处理图像数据转换的各种方法

    Android中处理图像是一件很常见的事情,这里记录备忘一些亲身使用过的处理图片数据的方法. 转为Bitmap RGB值转Bitmap 复制代码 代码如下: private Bitmap createColorBitmap(String rgb, int width, int height) {       Bitmap bmp = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);       int color = Col

  • android图像绘制(五)画布保存为指定格式/大小的图片

    将图片进行编辑(放缩,涂鸦等),最后保存成指定格式.大小的图片. 先贴代码: 复制代码 代码如下: Bitmap bmp = Bitmap.createBitmap(480, 800, Config.ARGB_8888); Canvas canvas = new Canvas(bmp); canvas.drawBitmap(this.bmp, matrix, paint); canvas.save(Canvas.ALL_SAVE_FLAG); canvas.restore(); File fil

  • Android编程滑动效果之Gallery仿图像集浏览实现方法

    本文实例讲述了Android编程滑动效果之Gallery仿图像集浏览实现方法.分享给大家供大家参考,具体如下: Android系统自带一个Gallery浏览图片的应用,通过手指拖动时能够非常流畅的显示图片,用户交互和体验都很好. 本示例就是通过Gallery和自定义的View,模仿实现一个仿Gallery图像集的图片浏览效果.效果图如下: 1.基本原理 在 Activity 中实现 OnGestureListener 的接口 onFling() 手势事件,通过自定义的 View 绘制draw()

  • Android使用API实现图像扭曲效果示例

    本文实例讲述了Android使用API实现图像扭曲效果.分享给大家供大家参考,具体如下: /** * Android API实现图像扭曲效果 * @description: * @date 2016-7-22 下午2:19:12 */ public class BitmapMesh extends GraphicsActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(sav

  • Android图片处理:识别图像方向并显示实例教程

    在Android中使用ImageView显示图片的时候发现图片显示不正,方向偏了或者倒过来了. 解决这个问题很自然想到的分两步走: 1.自动识别图像方向,计算旋转角度: 2.对图像进行旋转并显示. 一.识别图像方向 首先在这里提一个概念EXIF(Exchangeable Image File Format,可交换图像文件),具体解释参见Wiki. 简而言之,Exif是一个标准,用于电子照相机(也包括手机.扫描器等)上,用来规范图片.声音.视屏以及它们的一些辅助标记格式. Exif支持的格式如下:

随机推荐