本文介绍如何在ionic项目中使用设备的camera. Ionic版本:v3.2.0 / 2017-05-10 / MIT Licensed / Release Notes ============================================================================= 1)第一步是安装ionic-native/core.所有用到Native的功能,这一步不能省.npm install @ionic-native/core --save…

原文档请看http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/ionic%E5%9B%BE%E7%89%87%E4%B8%8A%E4%BC%A0/ 1.首先下载这个插件: 可以在package.json文件中添加“cordova-plugin-device"来添加,也可以直接在ngCordova官网里找到相应的命令来下载, 命令为: cordova plugin add cordova-plugin-camera 2.在ionic项…

1.本文的前提条件是,电脑上已经安装了CocoaPods,React Native相关环境. 2.使用Xcode新建一个工程.EmbedRNMeituan [图1] 3.使用CocoaPods安装React Native 在工程目录下新建Podfile文件,并配置需要使用的第三方库 pod 'React', '0.13.0-rc' pod "React/RCTText" pod "React/RCTActionSheet" pod "React/RCTGe…

Ionic项目中使用极光推送-android   对于Ionic项目中使用消息推送服务,Ionic官方提供了ngCordova项目,这个里面的提供了用angularjs封装好的消息推送服务(官方文档),使用的是GitHub上的 PushPlugin 插件,也有相关的实现实例:GitHub地址 ,但是使用的是Google的GCM消息推送服务,一些网络原因,国内GCM可能不怎么好用(自己也没有试可不可以). 于是选择国内的消息推送服务,主要有:百度云推送,腾讯信鸽,极光推送,yunba 等等,其中只…

对于Ionic项目中使用消息推送服务,Ionic官方提供了ngCordova项目,这个里面的提供了用angularjs封装好的消息推送服务(官方文档),使用的是GitHub上的 PushPlugin 插件,也有相关的实现实例:GitHub地址 ,但是使用的是Google的GCM消息推送服务,一些网络原因,国内GCM可能不怎么好用(自己也没有试可不可以). 于是选择国内的消息推送服务,主要有:百度云推送,腾讯信鸽,极光推送,yunba 等等,其中只有极光推送官方提供了phonegap/cordov…

注: 1.先安装node-sass  -->> npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass 2.配置 gulpfile.js  -->> 1) Scss简介: 官网:http://sass-l…

1.首先在templates文件夹下面定义一个新页面,xxx.html,template文件夹在空项目里面是没有的,需要手动添加一个,放在WWW文件夹下面. <ion-modal-view> <ion-header-bar> <h1 class="title">My Modal title</h1> </ion-header-bar> <ion-content> Hello! </ion-content>…

在项目中发现Android和iOS在手机状态栏样式不一样,然后就查到有一个cordova插件可以解决这个问题 1.下载插件$cordovaStatusbar命令: cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git 2.在config.xml里面配置如下: <feature name="StatusBar"> <param name="ios-package&qu…

这是在学习ionic时,当时遇到的一些问题,觉得很难,就记笔记下来了,现在觉得如果可以拿来分享,有可能会帮助到遇到同样问题的人 ionic slidemenu 项目流程: cd pretices(自己创建的文件夹名称) ionic start oneApp blank(创建一个空项目) 在WWW文件夹下创建templates,controllers 文件夹 1.创建slidemenu方法 index 页面 <ion-nav-view></ion-nav-view> 在app.js里…

1:tab的路由导向问题 运用ion-tabs时,第一个ion-tabs标签下的href功能会覆盖掉路由中定义的默认路由(进入应用后直接加载href指向的组件). 解决方法:多写一个ion-tabs标签,然后将href指向写为空,这样就直接加载了路由文件中路由为空的情况的组件,然后再讲这个ion-tabs标签隐藏起来. 2:tab导航位置在页面顶部: .config(function ($ionicConfigProvider) { $ionicConfigProvider.backButton…

Android SDK目前提供的软键盘弹出模式接口只有两种: 一是弹出时自动回冲界面,将所有元素上顶: 一种则是不重绘界面,直接将控件元素遮住:     1. ionic 中弹出键盘遮挡住输入框(覆盖住页面的内容): 需要在ionic platform add android 添加平台之后,在生成的AndroidManifest.xml文件中找到以下代码: <activity android:configChanges="orientation|keyboardHidden|keyboar…

html部分 <div class="list_upload item bg_white"> <div class="itemImg pic_upload" ng-repeat="item in thumb"> <!-- 采用angular循环的方式,对存入thumb的图片进行展示 --> <img ng-src="{{item.imgSrc}}" alt=""/&…

一.  安装插件 cordova plugin add ionic-plugin-keyboard 二. 软键盘显示监听 window.addEventListener('native.keyboardshow', function (e) { // todo 进行键盘可用时操作 //e.keyboardHeight 表示软件盘显示的时候的高度 }) 软键盘隐藏监听 window.addEventListener('native.keyboardhide', function (e) { //…

ionic start -a jPushDemo -i com.lawxin.fengkong jpushdemo blank meteor add cordova:cn.jpush.phonegap.JPushPlugin@https://github.com/jpush/jpush-phonegap-plugin/tarball/f54252dd4f28874319c002cf0d066b6adb865c1f http://ionichina.com/topic/54f96e7b59a9bd…

一.引入$sce,转化一步即可 $scope.articlesdetail.info = $sce.trustAsHtml($scope.articlesdetail.info); 参考网址: https://segmentfault.com/a/1190000000639561…

由于logo和启动屏尺寸多,react native(ios)中没有命令可以自动生成各种的尺寸,所以可以使用以下办法:在ionic项目中生成(使用命令:ionic resources)后,再粘贴到react native项目中. 一.ionic项目生成图标: 1.保证ionic和cordova的版本是最新的:使用ionic/cordova -v 查看版本 2.使用命令cordova platform version查看ios平台版本 3.安装ios版本最新的:ionic platform add…

Ionic基于AngularJS构建而成,所以学习一些AngularJS的知识很有必要.Ionic并没有独立开发一套完整的Web应用框架,而是对AngularJS进行了扩展,给它添加了大量界面组件和其他的移动端友好的特性. 版本angularjs1.6.X,ionic1.6.7 1.index.html 首先会进入index页面,里面引入了angularjs, cordova等js支持,此外还有app.js, controllers.js, services.js等文件.ng-app=" &qu…

转载自搜狗测试公众号,本人学习使用,侵权删 最近小编在做公司输入法项目中java与native交互部分的测试,先简单学习了java代码调用native代码的实现原理,本次与大家一起分享jni协议,了解java关联C/C++代码的调用原则. JNI是Java Native Interface的缩写,能够提供API实现Java和Native语言(主要是C/C++)的通信,JNI提供两种方式实现Java对native代码的调用:静态关联和动态关联. 静态关联 静态关联的实现过程是通过经过特定规则命名的…

在构建ionic项目过程中,当我们创建一个类似表单提交的页面时,可能会对用户的输入内容做某些规则验证,通过后再执行提交处理. 在验证的过程中,为了提供较好的用户体验,可能希望有类似于jquery Validate之类的插件来实现优美的验证以及提示. w5cValidator基于angular原有的表单验证,在原有的基础上扩展了一些错误提示的功能,让大家不用在每个表单上写一些提示信息的模板,专心的去实现业务逻辑. 怎样在ionic项目中使用它,下面来看看: Stpe1:创建一个项目(此处使用的是t…

在ionic项目中,如果想实现定位功能,可以使用ng-cordova提供的cordova-plugin-geolocation. 但由于高墙的缘故,国内andorid环境下,此插件不起作用(ios环境下可用). 国内比较好的是现实使用百度地图提供的API,来实现定位,以及地图的一系列扩展功能. 现在我们使用'Weizhe He'提供的cordova-qdc-baidu-location来尝试创建简单的定位app. Stpe1:创建一个项目(此处使用的是tab类型的项目,创建方式可参照我前一篇如何…

具体流程可见http://bbs.ionic-china.com/read-7.html 问题1.安装ionic cordova失败 解决方法:修改npm的源,npm config set registry "http://registry.cnpmjs.org",输入npm config list(或者npm config get registry)查看是否设置成功,再试试能否安装成功:不行再使用淘宝镜像网站,npm config set registry " https:…

移动开发中,native开发性能和效果上无疑是最好的. 但是在众多的情况下,native开发并不是最优的选择.当需求经常改动的时候,当预算有限的时候,当deadline很近的时候,native开发的成本也就体现出来了. 这时候,webview开始大放异彩,快速开发.无需重新发布版本.人员成本低的特点就显现出来了.(这里不指hybrid). 当使用WebView后,就会逐渐发现,用户体验变得一塌糊涂,长时间的loading.操作dom造成的性能问题等等等等··· react native出现后,开…

第5讲 如何在项目中使用全局配置? Q:ionic开发,说纯粹一点,用的就是html+css+js,那么无疑跟web开发的方式是类似的.在这里给大家分享一个小技巧,如何在项目中使用全局配置? A:我的做法是,同web开发一样,在www/js文件夹中新建一个js文件,命名为config.js,在index.html中引用该config.js,就可以在controllers.js中对config.js里申明的对象.变量.函数等进行调用. 上一讲中的imgUrl就是声明在config.js中的: va…

将RN集成到现有OC项目应该是最常见的,特别是已经有OC项目的,不太可能会去专门搞个纯RN的项目.又因为RN不同版本,引用的依赖可能不尽相同,所以特别说明下,本文参考的文档是React Native (0.57)相关文档. 一.准备工作 本文演示项目基于如下版本: "react": "16.5.0", "react-native": "0.57.1" 1.RN搭建开发环境 如果你已经创建过RN项目,并且运行成功了,那么你的环境…

Android Studio 项目中集成百度地图SDK报以下错误: java.lang.UnsatisfiedLinkError: Native method not found: com.baidu.platform.comjni.map.commonmemcache.JNICommonMemCache.Create)I at com.baidu.platform.comjni.map.commonmemcache.JNICommonMemCache.Create(Native Method)…

继上篇教程中提到的,我们新建一个简单的tabs类型的Ionic项目. 依据文件夹文件我们知道,系统自己主动创建了一个controller文件和server文件,而且把全部的控制器和服务都写到这两个文件中面. 这是一个简单的项目,业务逻辑代码也非常少.这样子实现并没有什么问题.可是当我们的项目越写越多.业务逻辑越来越复杂.假设我们还是把全部的控制器写到同一个文件中面.那可能我们将要面对的就是一个有着上万行代码的文件. 每次编辑仅仅能通过搜索keyword来定位了. 所以真正编辑项目的时候我们应该都…

本文列举了项目开发使用Flutter会遇到的问题,以及如何使用Flutter module在现有项目中集成Flutter,并对其原理进行了分析. 最近在做的一个商业项目,完全的使用Flutter编写的,这其中的坑,只有写过的人才能体会到. 1. 纯Flutter项目的问题 在论述纯Flutter项目问题之前,我先表述下我的观点(仅限于纯Flutter项目,目前时间2018年6月26日,不排除Flutter的发展,让我的观点改观): 对于个人开发者,可以使用纯Flutter去开发App尝鲜: 对于…

前言 [grunt第二弹]30分钟学会使用grunt打包前端代码(02) [grunt第一弹]30分钟学会使用grunt打包前端代码 经过前两次的学习,我们了解了grunt打包的一些基础知识,对于压缩几个文件有了初步认识 但是实际项目中的应用往往不是那么简单的,因为我们会有分支,我们也会有app版本Html5版本,更复杂的情况是我们有各个频道,而且各个频道是不同的团队在开发 那么统一的一套打包工具如何满足不同团队的需求呢? 然后,我们本地联调时候,仍然需要打包,但是打包的代码有些时候却不想要mi…

Flash+fms视频录制在项目中的实际应用 前言:以下只是记录本人在项目中的应用,而flash+fms视频录制有多种实现方式,具体可根据实际情况而定! 1:古人云:工欲善其事,必先利其器,首先安装flash+flash media server(fms),以下主要介绍fms,具体下载以及安装过程略!安装完成之后,可以在windows所有程序Adobe文件夹中找到如下: 接下来 点击 (start adobe media server 5)开启服务,之后,如图: 打开控制台,在接一下关于控制台的…

一.安装 1.安装node.js 3.安装ionic & cordova: 命令行输入:npm install –g cordova ionic 注:-g表示全局安装,也可以进入指定的目录安装,但这里推荐全局安装,安装后的目录为C:/users/Administrator/AppData/Roaming/npm/node_modules 4.安装Java JDK 5.安装Apache Ant 6.安装Android SDK(从这里开始后面基本以android为例,ios类似) 7.设置环境变量:…