热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

[Phonegap+SenchaTouch]移动开发4、SenchaTouch初步使用

原文地址:http:blog.csdn.netlovelyelfpoparticledetails20392821环境搭建:《移动开发1、准备工作》请注意:以下步骤基于SenchaTou

原文地址:http://blog.csdn.net/lovelyelfpop/article/details/20392821


环境搭建:《移动开发1、准备工作》

请注意:以下步骤基于Sencha Touch 2.4.2 和 Sencha Cmd 5.1.3.61,使用其他版本的 Sencha Cmd 与本文会有所出入

1、创建项目

打开Cmd命令行窗口 将工作目录切换到 Sencha Touch SDK 目录(sencha-touch-2.4.2-commercial.zip解压的目录)
cd path\to\sdk
执行Cmd命令:
sencha generate app HelloSenchaTouch D:\sencha\HelloSenchaTouch

进入D:\sencha\HelloSenchaTouch可以看到如下目录结构

2、sencha cmd自带一个apache服务器,可以执行以下命令启动服务器
sencha fs web -p 81 start -map D:\sencha\HelloSenchaTouch
其中81是端口,启动后,可以访问 http://localhost:81/
如果是sencha cmd6,推荐用下面的命令启动服务器(请查看官方文档)
sencha app watch


3、编译项目 cmd中先把目录转到D:\sencha\HelloSenchaTouch 然后执行下面的命令进行编译压缩 build的2种方式:web、 testing>sencha app build web
  • 'production' creates a production build that is normally hosted on a web server and serves multiple clients (devices). The build is offline-capable using HTML 5 application cache, and has built-in over-the-air delta updating feature
  • 构建一个需要使用Web服务器来运行的应用程序,支持使用各种设备来访问该应用程序,同时该应用程序也是一个可离线使用的应用程序
>sencha app build testing
  • 'testing' is meant for QA prior to production. All Javascript and CSS source Files are bundled, but not minified, which makes it easier for debugging if needed
  • 用于测试,只是把所有的js打包成一个app.js,而没有压缩js文件,便于测试
下面的文章里,有关于 build 原生(如android和iOS)的介绍:《移动开发5、Sencha touch结合Phonegap/Cordova使用》

----------------------------------------------------------------------------------------------------------


不搭建服务器也能运行Sencha touch项目的办法

谷歌浏览器chrome(或其他基于Chromium的浏览器)直接打开sencha 项目的index.html,是打不开的,一直在加载中。那是因为sencha 项目处于开发模式,里面的index.html是动态ajax方式请求加载js和css的。F12看控制台,有下图的错误:
错误原因浏览器是不允许跨域请求
解决办法:请看《移动开发71 Sencha项目开发、调试方法建议》
----------------------------------------------------------------------------------------------------------

Sencha Architect设计器此工具收费,可以试用30天,需要注册sencha账号才能使用。截止发帖日期,Sencha Architect最新版为3.0.1.Sencha Architect 3.0 目前没有找到破解方法。Sencha Architect 2.2 有破解方法。3.0和2.2比较就是多了一些自带的例子模板,2.2支持Sencha touch2.X的语法,已经够用。Sencha Architect 2.2下载地址
破解方法:1. 安装原版Sencha Architect 2.22. 安装后打开软件,使用sencha账号登录,然后关闭3. 然后找到 user.license 文件xp:C:\Documents and Settings\<用户名>\Local Settings\Application Data\Sencha, Inc\Sencha Architect 2.0\user.licensewin7、win8等:C:\Users\<用户名>\AppData\Local\Sencha\Sencha Architect 2.2\user.license
修改user.license内的Expires为Expire,即可无限期使用我不推荐用Sencha Architect,只会拖放控件是学不到东西的,而且容易造成容器多层嵌套,降低app效率

推荐阅读
  • 本文介绍了Sencha Touch的学习使用心得,主要包括搭建项目框架的过程。作者强调了使用MVC模式的重要性,并提供了一个干净的引用示例。文章还介绍了Index.html页面的作用,以及如何通过链接样式表来改变全局风格。 ... [详细]
  • 本文介绍了在Mac上安装Xamarin并使用Windows上的VS开发iOS app的方法,包括所需的安装环境和软件,以及使用Xamarin.iOS进行开发的步骤。通过这种方法,即使没有Mac或者安装苹果系统,程序员们也能轻松开发iOS app。 ... [详细]
  • 在一对一直播源码使用过程中,有时会出现软键盘切换闪屏问题,就是当切换表情的时候屏幕会跳动,因此要对一对一直播源码表情面板无缝切换进行优化。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 【Windows】实现微信双开或多开的方法及步骤详解
    本文介绍了在Windows系统下实现微信双开或多开的方法,通过安装微信电脑版、复制微信程序启动路径、修改文本文件为bat文件等步骤,实现同时登录两个或多个微信的效果。相比于使用虚拟机的方法,本方法更简单易行,适用于任何电脑,并且不会消耗过多系统资源。详细步骤和原理解释请参考本文内容。 ... [详细]
  • 自动轮播,反转播放的ViewPagerAdapter的使用方法和效果展示
    本文介绍了如何使用自动轮播、反转播放的ViewPagerAdapter,并展示了其效果。该ViewPagerAdapter支持无限循环、触摸暂停、切换缩放等功能。同时提供了使用GIF.gif的示例和github地址。通过LoopFragmentPagerAdapter类的getActualCount、getActualItem和getActualPagerTitle方法可以实现自定义的循环效果和标题展示。 ... [详细]
  • 如何查询zone下的表的信息
    本文介绍了如何通过TcaplusDB知识库查询zone下的表的信息。包括请求地址、GET请求参数说明、返回参数说明等内容。通过curl方法发起请求,并提供了请求示例。 ... [详细]
  • 本文介绍了OkHttp3的基本使用和特性,包括支持HTTP/2、连接池、GZIP压缩、缓存等功能。同时还提到了OkHttp3的适用平台和源码阅读计划。文章还介绍了OkHttp3的请求/响应API的设计和使用方式,包括阻塞式的同步请求和带回调的异步请求。 ... [详细]
  • 本文介绍了在Windows系统下安装Python、setuptools、pip和virtualenv的步骤,以及安装过程中需要注意的事项。详细介绍了Python2.7.4和Python3.3.2的安装路径,以及如何使用easy_install安装setuptools。同时提醒用户在安装完setuptools后,需要继续安装pip,并注意不要将Python的目录添加到系统的环境变量中。最后,还介绍了通过下载ez_setup.py来安装setuptools的方法。 ... [详细]
  • android 触屏处理流程,android触摸事件处理流程 ? FOOKWOOD「建议收藏」
    android触屏处理流程,android触摸事件处理流程?FOOKWOOD「建议收藏」最近在工作中,经常需要处理触摸事件,但是有时候会出现一些奇怪的bug,比如有时候会检测不到A ... [详细]
  • 关于extjs开发实战pdf的信息
    本文目录一览:1、extjs实用开发指南2、本 ... [详细]
  • GreenDAO快速入门
    前言之前在自己做项目的时候,用到了GreenDAO数据库,其实对于数据库辅助工具库从OrmLite,到litePal再到GreenDAO,总是在不停的切换,但是没有真正去了解他们的 ... [详细]
  • 篇首语:本文由编程笔记#小编为大家整理,主要介绍了10分钟了解Android的事件分发相关的知识,希望对你有一定的参考价值。什么是事件分发?大家 ... [详细]
  • 1.webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用(1) ... [详细]
  • html结构 ... [详细]
author-avatar
魅客网小魅
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有