在Titanium应用中导入翻译的功能

rensanning

浏览: 3552528 次
性别:
来自: 大连

最近访客更多访客>>

wcj3

SYSGIS

blogtester

lliiqiang

博主相关

博客

微博

相册

留言

关于我

博客专栏

: 使用Titanium Mo...
浏览量：38217

: Cordova 3.x入门...
浏览量：607585

: 常用Java开源Libra...
浏览量：682772

: 搭建 CentOS 6 服...
浏览量：89526

: Spring Boot 入...
浏览量：402117

: 基于Spring Secu...
浏览量：69759

: MQTT入门
浏览量：91834

文章分类

社区版块

存档分类

博客分类：

Titanium

appcelerator titanium mobile translate

有些应用中有追加翻译功能的需求，这回我们说说说如何在Titanium开发的应用当中，实现翻译功能。

我们采用调用Google的翻译API来实现。

（1）首先创建一个WebView用来显示翻译后的文字显示。

var tranlateView = Titanium.UI.createWebView({
	top:2,
	left:75,
	height:30,
	width:240,
	backgroundColor:'#FFFFFF', 
	url:'translate.html'
});

（2）在需要翻译功能的处理中追加一下代码

tranlateText.evalJS("javascript:translate('" + inMsg+ "')");

其中的inMsg就是需要翻译的文字。

其中的translate.html代码如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script> 
<script type="text/javascript">
	google.load("language", "1");
    function g_translate(strInput,out){
   
        google.language.translate(strInput, "ja-JP", "en", function(result){
          if (!result.error){
            document.getElementById(out).innerHTML=result.translation;
			}else
            document.getElementById(out).innerHTML=strInput;
        });
      } 
</script>
  
 
<body style="background-color:#fff">
<div id="show" style="font-size:16px; color:#666;"></div>
<script language="javascript">
function translate(strTranslate)
{
    document.getElementById("show").innerHTML="Translating.....";
    g_translate(strTranslate, "show");
}
</script>
</body>
</html>

google.language.translate的参数中设置你要翻译的语言。

=========================================
=========================================
说点翻译功能以外的话题，Titanium的evalJS函数是相当的了得，几近恐怖啊！为什么这么说了。因为它能直接操作Webview中的内容，就跟使用自己的Page一样。

比如：
以下是一个简单封装的浏览器，然后打开了一个通过日本的电车站名查询的页面。

如果我们在代码的最后追加一下代码：

webView.addEventListener('load',function(e){
	webView.evalJS( ' $("a:contains(\'上野駅\')").text("蒲田駅"); ' );		
});

那么我们在运行一次，你将看到的是：

上野站已经被改成了莆田站了。

这是一个简单的例子，如果有人能够灵活的使用该功能，你将会有一些意想不到的收获！！

查看图片附件

0
顶

0
踩

分享到：

tiapp.xml / timodule.xml 详解 | 在Titanium应用中导入广告 - Admob篇

2011-12-25 17:40
浏览 1447
评论(0)
分类:移动开发
查看更多

发表评论

您还没有登录,请您登录后再发表评论