`
neal
  • 浏览: 14447 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

Sencha在Android上的应用入门

阅读更多

      ExtJs在Web应用上已经很成熟,Sencha Touch似乎会有这个趋势,目前好像已经到了0.94版本了。其实Sencha也很容易上手,而且界面效果比Android自带控件好,结合Sencha做一个简单的应用,可以作为大家的入门程序。

     功能:抓取http://capewind.whgrp.com/页面的数据,显示到WebView。

     主要用到的就是Sencha的Carousel。其用法如下:

 

 

var carousel = new Ext.Carousel({ id : 'carousel', defaults : { cls : 'card' }, items : [{ html : '...' }, { html : ',,,' }] });

     另外就是将html嵌入到WebView中。用法如下:

webView.loadUrl("file:///android_asset/index.html");

     细节方面请参考源码。

    上几个截图。

 

 

 


 

 

 

  • 大小: 67.1 KB
  • 大小: 33 KB
  • 大小: 32.7 KB
分享到:
评论

相关推荐

    Sencha Touch 学习入门资料

    Sencha Touch框架最初发布于2012年,它的设计目标是提供一种方式来编写移动应用,这些应用能够与用户进行丰富的交互,并且能够在不同类型的设备上提供一致的用户体验。这个框架特别强调触摸事件的处理和移动设备的...

    Sencha Touch 2入门教程之MVC例子程序源代码

    Sencha Touch 2是一款专为移动设备设计的前端框架,它允许开发者构建功能丰富的、响应式的Web应用程序,可运行在iOS、Android等多平台。在本教程中,我们将深入探讨Sencha Touch 2中的MVC(Model-View-Controller)...

    Sencha_Touch2.0的快速入门.doc

    - **Chrome调试功能**:将在后续章节详细介绍,包括如何利用Chrome的开发者工具来调试Sencha Touch应用。 ##### 集成开发环境:Aptana Studio Aptana Studio是一款专为Web开发设计的IDE,特别适合JavaScript开发。...

    sencha touch 实例

    以上内容仅是Sencha Touch开发的入门介绍,实际应用中还需要学习更多的组件、布局、数据绑定、事件处理等高级概念。Sencha Touch提供了丰富的API和组件库,可以构建复杂的交互式移动应用。随着学习深入,开发者可以...

    sencha touch2 up and running

    Sencha Touch是专为移动设备设计的HTML5应用框架,它使用了Sencha的Ext JS技术,允许开发者创建富互联网应用(RIA),这些应用在各种移动设备上都能提供流畅的用户体验。Sencha Touch 2是该框架的第二个主要版本,它...

    Sencha_Touch_2.0用户指南(中文版) (2).pdf

    - 可以利用这些信息来调整UI布局或功能特性,确保应用在不同设备上都有良好的用户体验。 **4.2 数据管理** - **DataPackage(数据处理包):** 用于处理复杂的数据结构,支持数据的分组、排序等功能。 - **Model...

    SenchaTouch

    这款框架由Sencha公司开发,目标是提供一个类似原生应用的用户体验,尤其是在智能手机和平板电脑上。Sencha Touch 支持多平台,包括iOS、Android、Blackberry等,使得开发者能够使用一套代码来构建跨平台的应用。 ...

    Sencha Tuoch

    2. **设备兼容性**:Sencha Touch不仅支持Android和iOS两大主流移动操作系统,还为Android开发者提供了定制主题,确保应用在不同设备上的表现一致且优化。 3. **增强的触摸事件**:框架引入了一系列自定义触摸事件...

    SENCHA TOUCH权威指南.pdf

    Sencha Touch适用于各种类型的移动Web应用开发,特别是在以下场景下表现优异: - **企业级应用**:对于需要高性能和高度定制化的内部应用,Sencha Touch是一个很好的选择。 - **跨平台应用**:当需要同时支持多个...

    sencha-touch-2.1.0-gpl

    7. **入门指南**: `getting-started.html` 文件提供了一个初学者的指南,指导用户如何开始使用Sencha Touch 2.1.0 GPL创建第一个移动应用,包括设置环境、创建基本布局、添加控件等步骤。 8. **主入口文件**: `...

    SenchaTouchToast:专为 Sencha Touch 制作的 Android 风格 Toast 通知

    该插件旨在从 Android 重新创建 Toast 通知,以便在 Sencha Touch 应用程序中使用。 这个插件允许 Toast 像在 Android 中一样被多次调用,它会排队。 此外,它还允许在 Toast 上使用自定义操作按钮,例如UNDO 。 ...

    Sencha Touch Cookbook (第1版)高清PDF版

    - **平台特性兼容性处理**:讨论不同移动操作系统间存在的差异,并提供解决方案来确保应用在各个平台上都能正常运行。 - **集成第三方服务**:如地图API、社交网络插件等外部服务的接入方式,扩展应用的功能边界。...

    PhoneGAP采用移动Javascript+html5框架开发移动程序入门源码

    总的来说,这个“PhoneGAP采用移动Javascript+html5框架开发移动程序入门源码”是一个很好的学习资源,涵盖了PhoneGap开发的基础知识,包括框架原理、Sencha Touch的使用、HTML5技术的实际应用,以及JavaScript编程...

    jQuery Mobile 开发跨平台移动应用

    无论是在大屏幕的平板电脑还是小屏幕的智能手机上,应用都能够自动调整布局,确保良好的视觉效果和操作体验。 **2.5 社区支持** jQuery Mobile 拥有一个庞大的开发者社区,这意味着当开发者遇到问题时,能够获得...

    cascade:Sencha Touch 的脚手架和构建脚本

    在构建应用程序时,构建脚本采用以下观点: 应用程序将生成为支持 iOS 和 Android 的cordova 混合应用程序应用程序将生成一个基本的 sass 主题基本的 sass 主题包括图标字体入门克隆存储库后,您可能需要对 config....

    Beginning PhoneGap Mobile Web Framework for JavaScript andHTML5

    此外,远程调试功能对于那些在真实设备上测试应用的开发者来说非常重要,它允许开发者连接到真实的设备上,通过USB或其他方式调试应用。 ### 5. PhoneGap插件的使用 PhoneGap的一个强大特性是其插件系统,这允许...

Global site tag (gtag.js) - Google Analytics