有些应用中有追加翻译功能的需求,这回我们说说说如何在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("蒲田駅"); ' );
});
那么我们在运行一次,你将看到的是:
上野站已经被改成了莆田站了。
这是一个简单的例子,如果有人能够灵活的使用该功能,你将会有一些意想不到的收获!!
- 大小: 194.7 KB
- 大小: 195.8 KB
分享到:
相关推荐
TiInspector, 通过 Chrome DevTools调试 Titanium Mobile 应用程序 #Ti 检查器Ti检查器允许在 Chrome DevTools web界面中调试 Appcelerator Titanium 应用程序。工具通过将命令和消息转换为 Chrome 调试协议和 ...
[Packt Publishing] Appcelerator Titanium 移动应用开发教程 (英文版) [Packt Publishing] Creating Mobile Apps with Appcelerator Titanium (E-Book) ☆ 图书概要:☆ Develop fully-featured mobile ...
Google-Cloud-Messaging--Titanium-, 在 Titanium 中,Google云消息传递 Google-Cloud-Messaging--Titanium -注册带有GCM和处理发送到设备的通知的Titanium MODULE 。Android平台使用c2dm进行推送,但是因为c2dm停止...
[✔]发送备份(至电子邮件/云)并在1中单击导入 [✔]备份→验证→卸载一口气的应用程序 [✔]只需单击即可冻结/解冻/启动应用程序。 [✔] CSV导出任何应用程序数据库(电子邮件或Google文档)。 [✔]将应用程序...
TiJSPDF, Titanium Mobile 应用程序的JSPDF插件 TiJSPDFTiJSPDF是用于使用JSPDF库生成pdf并在 Titanium Mobile 应用程序中操作它们的Titanium Mobile 应用程序的一种 JSPDF插件插件。这个插件独立于 Titanium 维护,...
钛备份 Titanium Backup,备份你的程序及程序数据,并支持定时备份等功能。 功能很强大,有此软件,不管你的格机还是重刷ROM,在重装软件时都是无痛的,非实适用经常捣鼓手机有机友! 解锁器使用说明: 1.安装钛...
Titanium中文版开发手册(翻译版)
[Packt Publishing] Appcelerator Titanium 商业应用开发经典实例 (英文版) [Packt Publishing] Appcelerator Titanium Business Application Development Cookbook (E-Book) ☆ 出版信息:☆ [作者信息] ...
titanium-appcelerator-progress-view, 在 Titanium Appcelerator项目中,要使用的自定义进度视图 进度视图这是一个进度视图,显示你的应用程序的某些状态。 你可以设置加载,成功和错误状态。只使用三行代码,你就...
本书是我目前为止找到的唯一一本TITANIUM系统教材。TITANIUM适合于小规模、多平台的移动APP开发,借用JS语法,使用非常方便。但是不能对象化,希望快速开始APP开发的童鞋可以参考。 本书是全英文的。最好的TITANIUM...
NappAppearance, 在 Titanium UI组件上,使用 iOS UIAppearance的功能 Napp外观描述Napp外观模块使用全局样式功能扩展了 Appcelerator Titanium Mobile 框架。 Napp外观在 Titanium 用户界面组件上使用 iOS ...
安卓手机系统备软件 第一次使用钛备份的朋友,可以试着...接着按返回键(手机底部四大金刚中的那个返回键)按钮逐层回退,然后选择sdcard-ext/TitaniumBackup即可(没有 TitaniumBackup文件夹的请自行创建一个):
Titanium使用JavaScript来开发原生iOSAndroid和Windows应用
Titanium Backup_3.7.4捐赠完全版
TitaniumBackup_6.0.5.1 专业版 可静默恢复
titanium-d1-kickstart.6.1.1.gbin 强大的思科模拟器
Titanium Backup Pro「钛备份专业版」Android 平台上目前最为强悍的应用和系统备份恢复工具
钛备份的程序命名就是一个暗示,钛(元素名Ti),是一种高档的金属,特点是重量轻但是强度大,相当稳固,被广泛应用于航天和航海这些重量级的应用中,近几年扩大民用范围,眼镜店中价格不菲的钛眼镜架,为的就是既...
它的程序命名就是一个暗示,钛(元素名Ti),是一种高档的金属,特点是重量轻但是强度大,相当稳固,被广泛应用于航天和航海这些重量级的应用中,近几年扩大民用范围,眼镜店中价格不菲的钛眼镜架,为的就是既结实又...