Phonegap+Sencha Touch
文章平均质量分 85
神秘_博士
这个作者很懒,什么都没留下…
展开
-
[Phonegap+Sencha Touch] 移动开发70 cordova app中使用增强的webview
一、CrossWalk/XWalk(安卓)安卓WebView在不同版本的安卓系统上表现参差不齐,这种不一致性使开发者非常头疼。虽然安卓4.4开始Google将安卓内置WebView内核更换为了Chromium,但还是有些bug(比如不支持WebSocket等,可能因为Chromium版本低了)。到安卓5.0开始,Chromium内核的WebView性能才有较大提升。Crosswalk作为一原创 2015-12-04 09:47:40 · 1284 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发45 Android数字证书
为Android应用程序签名步骤: 1.确保电脑上安装了JDK,因为我们将使用JDK自带的创建和管理数字证书的工具Keytool。在命令行下输入如下命令:keytool -genkey -v -keystore pushsoft.keystore -alias pushsoft -keyalg RSA -validity 20000原创 2015-02-12 11:27:12 · 1176 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发46 导出带数字证书签名的apk
安卓数字证书的生成请看:《移动开发45 Android数字证书》导出已签名的apk,可以用eclipse打开安卓项目之后,右键点击项目-Android Tools-Export Singed Application Package...,具体请看上面那篇博客。除了用上面的办法,phonegap项目可以用命令生成已签名的apk。具体步骤:1、sencha app build原创 2015-02-12 13:22:47 · 1546 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发49 BarcodeScanner(条码/二维码)插件,美化扫码界面
插件github地址:https://github.com/wildabeast/BarcodeScanner修改方法是参考的下面的博客,里面大部分原理和修改方法都有:Android开源之行之走进zxing,轻松实现二维码扫描(一)Android开源之行之走进zxing,轻松实现二维码扫描(二)感谢原作者KipMeister分享扫码效果图:原创 2015-05-04 21:36:10 · 4622 阅读 · 1 评论 -
[Phonegap+Sencha Touch] 移动开发77 Cordova Hot Code Push插件实现自动更新App的Web内容
地址:https://github.com/nordnet/cordova-hot-code-push此插件提供了可以使cordova app自动更新web内容的功能机制。基本上, 你App中所有位于 www 目录内的文件都可以被自动更新.当你重新发布新的app时-重新打包了web内容: html 文件, JavaScript 代码, 图片等等. 一般有两种翻译 2016-03-10 17:26:53 · 19017 阅读 · 24 评论 -
[Phonegap+Sencha Touch] 移动开发23 Android和IOS的webview 点击穿透/鬼点击(Ghost Click) 的缓解办法
安卓的webview和自带浏览器下有个奇怪的现象。现象:1、如果输入框input或者textarea的正上方(z轴方向,即上层)有个div,当点击这个div使得div隐藏了之后,input会得到焦点,导致软键盘弹出。2、浏览视图点击某个地方切换到编辑视图,如果浏览视图点击的位置 在 编辑视图相应位置有个输入框,那么切换过去之后,编辑页的输入框会自动得到焦点。这个体验很不舒服。原创 2014-06-06 09:42:44 · 3382 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发74 日期时间控件
Sencha touch只提供了日期控件(Ext.field.DatePicker),并没有提供日期时间控件。我继承了Ext.field.DatePicker,实现了一个UX.field.DateTimePicker。代码可以在下面下载:http://pan.baidu.com/s/1hrvjumg (提取密码:uhw3)欢迎加入原创 2016-01-06 09:51:32 · 1478 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发73 可以左右滑动切换的日历控件(带农历)
可以左右滑动切换的日历控件(带农历),类似市场上大部分日历app的样子暂时不公开源码欢迎加入Sencha Touch + Phonegap交流群1群:194182999 (满)2群:419834979共同学习交流(博主QQ:479858761)原创 2016-01-04 09:18:27 · 2298 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发72 List列表横向滑动操作(仿QQ列表滑动删除)
请看示例图,仿照的QQ的列表横滑删除。支持Ext.dataview.List和Ext.dataview.DataView。本功能是Sencha touch插件类(不是Cordova插件),可以在任何list上使用。使用方法也很简单,只要在你需要添加横滑操作功能的list上,增加一个plugin配置就可以了。暂时不公开源码,需要的请联系我QQ(本文下方原创 2015-12-29 12:56:02 · 2666 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发6、Sencha Touch 学习
学习指南:一、Sencha Touch 2 应用程序简介英文原文Intro to Applications with Sencha Touch二、搭建 Sencha Touch 2 的运行环境三、控制器学习指南英文原文Controllers四、使用视图英文原文Using Views in Your Applications五、使用原创 2014-03-03 19:21:39 · 5597 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发68 Sencha Touch弹出键盘挡住输入框的解决办法
sencha touch有一个缺点:当formPanel里的输入框控件较多的时候,软键盘弹出后会挡住正在输入的控件。如下图:解决办法:在输入框聚焦和界面resize的时候,都自动将被聚焦的输入框滚动到可见位置。Ext.define('Jarvus.touch.viewport.FieldScroller', { override: 'Ext.viewpo原创 2015-11-06 10:48:15 · 2433 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发7、Sencha Touch图标的使用与自定义
Sencha touch 2.2之前,图标都是通过 几张不同分辨率png格式的图片(适应不同分辨率的设备),加上css3样式-webkit-mask,实现的单色图标。2.2之后,图标的实现方式,换成了"图标字体(icon font)"。如下图:上面的这个list图标,就是Pictos字体里面的"l"字符,因为字体是矢量的,所以可以适应不同的分辨率,而且通过指定字体颜色,就可以更换图标的原创 2014-03-03 19:22:09 · 6959 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发65 iOS 9 (XCode 7) 上架之前需要做的几个步骤(解决不能联网,http请求失败)
1、App Transport Security 要求以后所有的HTTP协议都需要使用了HTTPS协议进行传输。解决办法,暂时按下图修改info.plist文件:2、bitcode如果用到了第三方库,而库没有支持bitcode,则会报错:1ld: '/Users/**/Framework原创 2015-10-09 09:38:47 · 1505 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发18 Sencha Touch项目通过phonegap打包后的程序名字的问题
之前说过sencha phonegap init com.pushsoft.myapp MyApp之后打包的程序安装包apk的名字是“MyApp.apk”,显示在手机桌面上的程序名称(图标下面的文字)也是"MyApp"如果要换成其他名字,修改 MyApp\config.xml 文件,把顶部"MyApp"中间MyApp的改成需要的名字。注意如果xml内容有中文,要改成ut原创 2014-05-11 15:31:58 · 3175 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发37 sencha cmd 5.x须知
Sencha cmd 5.x创建打包ST项目的方法,和4.x的时候有很大的不同,具体可以看原创 2014-11-20 12:07:39 · 2532 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发35 让Cordova app使用Chromium内核的WebView(Crosswalk/XWalk)
都知道,phonegap/Cordova(安卓)只是给webapp加了一个壳而已,也就是webapp运行于webview之上。安卓的webview虽然是webkit内核,但是自带的webview和移动版chrome浏览器的内核还是有区别的。使用过移动版chrome浏览器的人可以明显感觉到性能比自带浏览器(或者webview)要流畅得多。安卓4.4及以上自带的webview已经是chromi原创 2014-10-24 13:38:53 · 4688 阅读 · 1 评论 -
[Phonegap+Sencha Touch] 移动开发2、PhoneGap/Cordova初步使用
下面讲的是创建一个PhoneGap项目,然后打包成apk安装包 的一般方法。与以后讲Sencha touch+PhoneGap的开发有少许不同。1、打开cmd,把盘符转到想要创建项目的目录,比如 D:\。2、创建项目运行命令:phonegap create hello com.pushsoft.hello Hello第一个hello是项目文件夹名,此处就是D:\hell原创 2014-03-03 19:18:38 · 8690 阅读 · 0 评论 -
[Sencha ExtJS & Touch] 在Sencha(Extjs/Touch)应用程序中使用plugins(插件)和mixins(混入)
原文:Using Plugins and Mixins in Your Sencha Apps概述当需要扩展一个类的功能的时候,通常都会直接将新功能写入派生类,然而,如果多个组件都需要实现某个功能,那最有效的方式就是将它定义为一个插件或Mixin。插件和Mixin都是用来将额外功能添加到其他类的类。在本文,将介绍这些类是什么,他们之间的区别,以及他们的原理。在Sen翻译 2016-03-11 10:03:07 · 1801 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发62 使用GapDebug调试Phonegap/Cordova应用
GapDebug是一款免费跨平台调试工具,用于调试基于Cordova或PhoneGap构建的混合移动应用。此款调试工具集成了Safari Webkit调试器和Chrome开发工具,统一了OS X和Windows操作系统上的调试体验。转载 2015-09-11 14:54:52 · 1986 阅读 · 0 评论 -
[Sencha ExtJS & Touch] js运行时脚本错误的全局处理
一般js语法错误在页面加载的时候就会被浏览器提示。但是比如调用了一个未定义的函数或者使用了一个没有声明的变量,这种运行时出现的异常,就不太容易被察觉。开发状态下还好,开发者可以在浏览器控制台Console中发现这些异常;不过正式发布被用户使用的时候,出现这种运行时脚本错误就没法知道了。其实window有一个onerror事件,在这里面可以捕捉到全局的错误和异常。大家可以试试下面原创 2016-04-01 15:12:15 · 1636 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发76 让cordova app访问远端网站也能调用cordova插件功能
我相信,应该会有一些cordova开发者想过实现下面这种app:使用cordova制作一个外壳app,用于浏览服务端部署的网站,这样当服务器上网站升级后,这个cordova app可以立即访问最新版。而不是每次改了一点点功能都要打包上架app。我最近也在实现这样的功能。因为网站是在远端服务器上,而cordova.js、cordova_plugins.js和上所有cordova插件的原创 2016-02-25 10:10:13 · 4435 阅读 · 2 评论 -
[Phonegap+Sencha Touch] 移动开发78 Sqlite(websql)出错:too many SQL variables 的解决办法
今天发现在向qlite(websql)表插入数据的时候,数据量太大的情况下会报错:websql:sqlite:因为一条一条的执行插入语句,效率低。所以我用的方法是union插入:insert into tableselect ?,?,?,?,?unionselect ?,?,?,?,?...其中的?是参数占原创 2016-04-05 14:44:34 · 4945 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发36 Phonegap/Cordova项目的图标和启动画面(splashscreen)配置
Phonegap/Cordova项目的图标和启动画面(splashscreen)配置原创 2014-11-04 11:27:33 · 9240 阅读 · 3 评论 -
[Phonegap+Sencha Touch] 移动开发67 安卓实现 新版提示更新并下载安装(自动更新插件)
这是一个可以自动更新phonegap android app 的plugin,能显示下载进度条,下载完自动安装插件地址:https://github.com/lovelyelfpop/androidUpdatePlugin一、使用命令添加插件:phonegap plugin add https://github.com/lovelyelfpop/androidUpd原创 2015-10-23 15:21:42 · 4109 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发1、准备工作
下面以Phonegap+Sencha Touch开发安卓为例:首先需要一台windows电脑、一个webkit内核的浏览器,推荐Google Chrome一、Java环境和Android SDK1、安装JDK和JREJRE会在JDK安装完成后自动出现安装界面。安装完成后,设置环境变量JAVA_HOME D:\Program Files\Ja原创 2014-03-03 19:16:38 · 11366 阅读 · 4 评论 -
[Phonegap+Sencha Touch] 移动开发3、使用Weinre调试PhoneGap/Cordova应用
Weinre 的安装和运行1、安装weinrecmd执行以下命令npm -g install weinre2、运行weinre调试服务器进入目录C:\Users\xxx\node_modules\.bin,这个node_modules可能不同电脑的路径不一样建立一个空文本,输入一下内容,重命名为"运行weinre.bat"weinre.cmd --bou转载 2014-03-03 19:19:52 · 4325 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发10 调用focus方法使输入框获得焦点,不弹出软键盘的解决方法
在phonegap打包的web应用用,调用输入框的.focus()方法的时候,输入框是获得焦点了,但是不会弹出软键盘。1、对于安卓,使用phonegap插件:https://github.com/phonostar/PhoneGap-SoftKeyboard使用的时候,只要在输入框调用focus()方法之后,再调用softKeyboard.show()即可。2、对于IOS,原创 2014-03-17 20:44:29 · 3329 阅读 · 1 评论 -
[Phonegap+Sencha Touch] 移动开发20 IOS7状态栏问题
Just replace the viewWillAppear in MainViewController.m with this:- (void)viewWillAppear:(BOOL)animated{// View defaults to full size. If you want to customize the view's size, or its subviews (e转载 2014-05-18 21:04:01 · 1803 阅读 · 1 评论 -
[Sencha ExtJS & Touch] 新手学习资料
Sencha 官方网站:https://www.sencha.com/Sencha 官方博客: http://www.sencha.com/blog/Sencha 官方论坛:http://www.sencha.com/forum/Sencha Cmd 下载:https://www.sencha.com/products/extjs/cmd-download/Se原创 2017-01-12 13:26:05 · 3159 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发17 使用桌面chrome调试安卓设备上的chrome和cordova app(webview)
调试安卓设备上的chrome浏览器:原创 2014-04-29 11:27:23 · 6801 阅读 · 3 评论 -
安装Android SDK失败了的看过来(东软开源镜像介绍)
东软开源镜像:mirrors.neusoft.edu.cn启动 Android SDK Manager ,打开主界面,依次选择「Tools」、「Options...」,弹出『Android SDK Manager - Settings』窗口;在『Android SDK Manager - Settings』窗口中,在「HTTP Proxy Server」和「HTTP Pro转载 2014-09-07 20:25:13 · 5472 阅读 · 0 评论 -
[Cordova] 移动App 的 ios11 和 iPhoneX 适配
Apple每次退出新尺寸的iphone都会掀起一番适配风波,这次没有下巴但有刘海的iPhoneX更是如此,网传横屏下的适配动画更是令不少人汗颜。其实对于Native App来说,适配并不算困难(当然追求酷炫效果另算),官方文档有详细的说明,而对于Web App来说,主要还是依靠打开webview的Native App来适配,而这篇文章主要讨论的是Cordova App要如何适配iPhoneX....原创 2018-03-06 16:56:31 · 11076 阅读 · 3 评论 -
创建 sencha ExtJS 6或7 项目的几种方法
假设 ExtJS SDK 解压到了 D:\extjs 目录下 比如: 注:以下所有命令里的 --modern 参数表示只创建 modern 的项目,如果要创建 classic 的项目,把参数改为 --classic 。如果要创建 classic 和 modern 混合 的 universal 项目,去掉该参数即可。只创建单个项目应用(app)方法一初始化 ExtJS ...原创 2018-05-03 13:11:42 · 5504 阅读 · 0 评论 -
[Cordova/Phonegap] Cordova打包Android,遇到gradle下载失败的解决办法
Cordova 4+开始,用的是gradle构建安卓项目。所以,Cordova打包安卓的时候,首次需要下载gradle。如果你遇到下载失败的情况,如下:这应该是网络问题,国内你懂得。解决办法:翻个墙,或者手动下载(不知道为啥手动下载可以,Cmd里就有时就会下载失败)http://services.gradle.org/distributions/gr原创 2016-08-16 16:06:40 · 12536 阅读 · 2 评论 -
[Cordova/Phonegap] Cordova iOS 应用在第三方输入法的键盘弹出(点击输入框)时,页面不上移,导致输入框被键盘遮挡 的解决办法
Cordova iOS应用在使用系统自带输入法键盘的时候,聚焦文本框是会将整体webview界面上移的,如下图:然而,如果你用的是第三方输入法(百度、搜狗、qq输入法等都是),聚焦文本框弹出键盘时,界面却不会整体上移,导致文本框被软键盘遮挡,如下图:不仅被遮挡,靠底部的文本框还无法往上拖拽滚至可视区域。解决办法一:第三方键盘弹出,实现界面也能上移原创 2016-07-26 10:44:39 · 18207 阅读 · 3 评论 -
使用Mac OS X的Safari浏览器调试ios设备上的safari和cordova app(UIWebview)
在web开发的过程中,抓包、调试页面样式、查看请求头是很常用的技巧。其实在iOS开发中,这些技巧也能用(无论是模拟器还是真机),不过我们需要用到mac自带的浏览器Safari。所以,本文将讲解如何使用Safari对iOS程序中的webview进行调试。1 打开ios模拟器(真机)的开发者模式【设置】->【Safari】->【高级】->开启【Web检查器】 2 打开Mac上Safari的开发者模式【原创 2017-04-17 16:43:58 · 13228 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发4、Sencha Touch初步使用
1、创建项目进入sencha touch SDK 目录(sencha-touch-2.3.1-commercial.zip解压的目录)执行cmd命令:sencha generate app HelloSenchaTouch D:\sencha\HelloSenchaTouch进入D:\sencha\HelloSenchaTouch可以看到如下目录结构2、sencha原创 2014-03-03 19:30:27 · 5478 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发4 Cordova/Phonegap应用调试方法汇总
一般都是用电脑上的某个工具来远程调试手机或者模拟器上的Cordova/Phonegap App。主要有以下三种:一、使用Weinre调试PhoneGap/Cordova应用优点:适用于适合版本的Android和任何版本的iOS不需要USB线连接电脑(调试服务器)缺点需要和电脑(调试服务器)在同一个局域网不支持javascript的断点调试与调试服务器原创 2015-09-11 16:02:38 · 2480 阅读 · 0 评论 -
[Phonegap+Sencha Touch] 移动开发71 Sencha项目开发、调试方法建议
原文地址:http://blog.csdn.net/lovelyelfpop/article/details/50171151 一、开发时的调试 方法1:不开启任何服务器 因为Sencha项目在开发状态下,index.html是按需加载js和css文件的(通过ajax方式)。所以如果你直接用Chrome打开index.html,控制台Console是会报下面的错误的...原创 2015-12-04 10:29:30 · 2985 阅读 · 0 评论 -
使用npm安装phonegap/cocrdova等模块失败了的看过来(npm淘宝镜像)
这个也是网上搜的,亲自试过,非常好用!镜像使用方法(三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候配置还在): 1.通过config命令 npm config set registry http://registry.cnpmjs.org npm info underscore (如果上面配置正确这个命令会有字符串response)2.命令行指转载 2014-03-28 08:13:52 · 6286 阅读 · 0 评论