`
呼延浩云
  • 浏览: 85032 次
  • 性别: Icon_minigender_1
  • 来自: 北京
博客专栏
69e5c1d2-1364-320a-a0f2-0de5143310d8
互联网的那点事
浏览量:10994
社区版块
存档分类
最新评论

用于开发Appcelerator的钛iOS应用的最佳实践

阅读更多

Appcelerator的钛是一种流行的用于开发移动应用程序从一个单一的JavaScript代码库,多台设备的操作系统(OS)平台。它提供了一个支持的SDK的iOSAndroid的黑莓10Tizen的,和移动网络应用程序,以及优秀的文档和社区资源。

如果你已经习惯了编写动态Web应用程序使用JavaScript,钛可能是简单易学。当然,它更容易学习比支持本机操作系统平台的工具包,语言和开发环境。

但随着钛发展是不一样的网页 – 有怪癖,并具体到每个操作系统的问题。如果你不知道这些怪癖,不遵循最佳实践,最终的结果将可能是令人失望的。

本文介绍 钛的移动最佳实践与编写iPhone应用程序,介绍了使用自定义行的表视图一个简短的教程。我假设你已经从下载后安装钛工作室为MacAppcelerator的开发者网站。注册是免费的。

创建演示项目

1。打开钛工作室,并选择新建|从文件菜单中移动项目。

2。从可用的模板,选择经典(合金是其他选项),默认项目。

3。单击下一步。

4。项目名称中输入演示和应用程序ID进入com.mycompany.Demo。

5。单击Finish(完成)。

一个新的,经典的钛移动项目将在您所选择的工作空间位置来创建。

在编辑器窗口中,应该有一个控制台选项卡(如果没有,请在工作室旁边,你的名字的右下角绿色的小盾牌图标)。发现如果说,我的应用程序,并单击它,Safari会打开Appcelerator的网络门户为您的应用程序。点击软件详情为您演示。图A显示了选择的分析,云计算和企业扩展,以及您免费订阅计划的细节。

图A

 

TitaniumFigA112713.png

 

回到钛工作室,并双击在App资源管理器窗口中的tiapp.xml文件显示在编辑器窗口(文件图B)。Tiapp.xml包含了演示应用程序的配置设置。

图B

 

TitaniumFigB112713.png

 

如果你不打算使用Appcelerator的分析服务,你应该以虚假的分析标记之间更换正确的。

iphone的标签包含了iPhone和iPad的方向设置。如果你想横向添加到iPhone,从iPad的部分复制左侧和右侧横向标签到iPhone方向部分。

不污染全局对象

对于演示应用程序的主控制器是app.js文件。双击app.js在App资源管理器窗口,显示在编辑器窗口(文件图C)。

图C

 

TitaniumFigC112713.png

 

在图中所示的功能替换默认代码。一个自调用函数用于启动应用程序窗口,因为它使一个闭包,不污染全局对象,可以作为这app.js. 该函数检查,这样有iOS的特定调用钛的SDK应用程序窗口被装载在移动操作系统名称。

应用程序应该使用CommonJS的模块

创建于手持/ iPhone文件夹中的ApplicationWindow.js(您可能必须先创建手持和iphone的文件夹)。显示在编辑器窗口中的文件。所示的文件中图D中包含用于实例化一个iOS的导航窗口对象的模块。导航窗口的初始窗口是从TableWindow.js文件加载。该模块被暴露于外界的出口指令。

图D

 

TitaniumFigD112713.png

表视图

 

在手持/ iPhone的文件夹中创建TableWindow.js文件并显示在编辑器窗口中的文件。显示在文件图EF包含一个模块实例化包含表视图的窗口。

图E

 

TitaniumFigD112713.png

表格视图中的每一行与createTableViewRow API创建的,因此它可以被定制。为iOS,(不要使用“自动”或Ti.UI.SIZE)和className的属性具有相同的布局中的所有行,重要的是明确地设置行的高度。

 

它也是很重要的,充满整个行的透明视图。与该行设置为false的touchEnabled财产,透明视窗会捕获所有单一的水龙头事件。否则,该表将捕获的单一的水龙头事件,而该事件将不包括窃¥听行的索引。

图F

 

TitaniumFigF112713.png

 

添加一个侦听器单一的水龙头事件表。只有一个监听器是需要所有的行(不要一个侦听器添加到每一行中每行或按钮)。因为表,行,透明的行视图,并且每个按键都有一个objName属性,它将被包含在事件的源属性。如果objname是“按钮”,会显示一个按钮标题的对话框。否则,Detail窗口被加载并在导航窗口中打开。该窗口被加载,只有当某一行被窃¥听。

细节窗口

在手持/ iPhone的文件夹中创建DetailWindow.js文件并显示在编辑器窗口中的文件。所示的文件图G:包含用于实例化一个窗口,其中显示被窃¥听的行的索引标签的模块。

图G:

 

TitaniumFigG112713.png

 

记忆

用于管理存储的最佳实践包括关闭窗口,归零了对对象的引用,和删除全局事件处理程序时不再使用。这也很容易通过添加一个事件处理程序的范围比该对象被声明之外的UI对象(如表)来创建一个内存泄漏。例如,它的坏申报表模块的导出函数的外面,一个事件处理程序函数内添加到表中。

运行应用程序

假设您已经安装了Xcode工具,并增加了一个启动配置为iPhone模拟器演示项目,很容易运行模拟器,或安装到设备上,从钛工作室。

在App资源管理器窗口,单击Run图标,然后选择iPhone模拟器启动配置。下面拍摄的第一个屏幕显示标记为H横置按钮后,演示应用程序。第二个屏幕下方截图显示在详细信息窗口的行被窃#听后。

 

TitaniumFigH112713.pngTitaniumFigI112713.png

 

结论

这个简单的演示应用程序是有希望的东西你可以开发一个更复杂的钛移动应用程序时,应构建。除了最佳实践,你应该不断更新,在论坛和开发者博客中发现的提示,技巧和陷阱。钛是一直在提高,并合金 是未来的事情要考虑。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics