![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Hybrid App开发
文章平均质量分 75
Coder.SirLoin
这个作者很懒,什么都没留下…
展开
-
Hybrid App开发(序)
Hybrid App(混合式App)这个名词如今在国内已经不是什么新的名词了,自从Adobe收购了Phonegap并改名为Cordova时,Web开发和App开发的界限就开始变得模糊了。在Hybrid App这个概念刚出现时,对于大多数开发者而言,用html+css+js这套Web开发技术去开发安装在手机上的App是难以想象的。 现如今国内无论是互联网企业还是常规的开发团队,都已经或深或浅的原创 2016-12-07 18:29:49 · 471 阅读 · 0 评论 -
ionic在Android系统上对返回键注册事件
ionic中对Android返回按钮自定义首先要有这个插件然后在app.js中的app.run中$ionicPlatform.registerBackButtonAction(function (e) { //针对返回按键的代码 e.preventDefault(); return false; },10原创 2016-12-07 20:13:50 · 798 阅读 · 0 评论 -
ngCordova插件(5)之DatePicker时间选择器插件的使用
今天来说以下几乎所有项目都会遇到的时间选择问题,由于企业级APP一般都是销售,服务,管理一类的APP,所以用户选择时间的操作必不可少。本次我以ngcordova的时间选择插件DatePicker为例,讲一下这个又好用,又全是大坑的时间选择插件。首先插件的安装:cordova plugin add cordova-plugin-datepicker然后说一下常用的可配置内容:1.mo原创 2016-12-07 20:06:45 · 1546 阅读 · 0 评论 -
ngCordova插件(4)之Toast提示框插件的使用
本次总结一下Toast插件的使用,这个插件是用原生Android或IOS的Toast提示框为用户进行信息提示首先安装插件:$ cordova plugin add cordova-plugin-x-toast安装好后,模块中注入ngCordova依赖,controlller中加入$cordovaToast服务这样就可以使用Toast插件封装好的方法了那么都有哪些方原创 2016-12-07 20:03:58 · 3179 阅读 · 4 评论 -
ngCordova插件(3)之File插件的使用
今天写一下ngCordova插件中File插件的使用虽然JavaScript也有自己操作文件的方法(FileSystemObject类),但是由于Android和IOS的文件目录结构不同,操作文件不如用封装好方法的File插件方便。插件安装:cordova plugin add org.apache.cordova.file插件安装完成后,我们要了解Android和IOS在Cord原创 2016-12-07 20:01:41 · 2339 阅读 · 0 评论 -
ngCordova插件(1)之InAppBrowser插件的使用
本次我们讨论如何在Hybrid App中打开浏览器的页面$cordovaInAppBrowser.open(URL, target, options)open()中的URL参数为浏览器跳转的地址。target的参数有三种:_self,_blank,_system,_self是如果URL地址在WhiteList中,则用Cordova的Webview将其打开;如果是_blank原创 2016-12-07 20:00:07 · 2570 阅读 · 5 评论 -
ngCordova插件(2)之BarcodeScanner插件的使用
本文主要讲解BarcodeScanner插件的使用当我们在开发中遇到要在App中加入扫描二维码/条形码的需求时,我们就要用到BarcodeScanner插件这个插件如何使用呢?下面上代码~$scope.ring= function() { $cordovaBarcodeScanner.scan().then(function(imageData) { $原创 2016-12-07 19:58:48 · 2021 阅读 · 0 评论 -
ngCordova插件(0)-ngCordova插件的使用详解_序
当我们在开发基于Cordova+AngularJS的这种HybridAPP时,当我们遇到了前端框架不能解决的一些问题时,比如调用相机,相册,浏览器等这些操作时,使用插件就是我们的解决方法。ngCordova是Cordova和AngularJS的结合,将Cordova插件封装成了一个个AngularJS式的服务。无论使用的是OnsenUI还是Ionic框架开发项目,只要是基于原创 2016-12-07 19:55:30 · 3216 阅读 · 0 评论 -
HybridApp之CSS3动画(0)_前言
众所周知,一款APP的User Experience(用户体验)是由“有用性”,“易用性”,“友好性”和“视觉”四个部分组成的。我们可以通过提升技术实力,优化交互逻辑这些手段来提升前三者,但是静态的界面在视觉冲击力方面往往是有限的,所以动画在APP中就变得必不可少。还记得“哔哩哔哩”APP在加载时的那个萌妹子吗,还记得“天天果园”APP的那个果冻一样效果的菜单按钮吗。这些给过我很多惊喜的动画都转载 2016-12-07 19:52:19 · 382 阅读 · 0 评论 -
angularJS中的父子作用域和兄弟作用域,以及父子,兄弟controller通信机制
angularJS中非常重要的概念之一就是作用域,不同的作用域之间是相互隔离的,通过常规手段是无法互相访问变量及方法的本次我们着重讲一下父子作用域和兄弟作用域1.父子作用域 当我们的controller层级关系是这种时,ChildCtrl就是子controller,ParentCtrl就是父controller,他们之间的作用域关系就是父子作用域a原创 2016-12-07 19:42:59 · 8495 阅读 · 0 评论 -
ionic利用$ionicScrollDelegate委托scroll
许多app中,常常有根据界面的滚动来触发事件的需求,之前我在处理这种需求时,走进了一个严重的误区,我是通过JQuery来实现的,不仅实现方法麻烦,还导致了ionic自带scroll的禁用,如果这个时候再要求使用无限滚动,肯定会导致很多问题。那么在ionic中,如何利用自带的scroll呢?答案是通过$ionicScrollDelegate服务委托标签中的内容首先我们讲一下$ionicS原创 2016-12-07 20:15:42 · 5972 阅读 · 1 评论