基于Ionic框架的移动APP开发
一、基础知识认知ionic框架是HTML、css、JavaScript用户界面框架,用于混合移动APP开发,包括(用户界面组件,强大的接口(CLI),附属的服务(ionic view 和ionic creator)最上层:Ionic框架自身中间层:AngularJS(web 应用框架)最下层:Apa...
ionic环境配置,生成apk
什么是Ionic3框架?Ionic3框架是一个混合开发框架,其本身依赖于Angular,Sass,Cordova。使用Ionic3框架可以做什么?使用Ionic3可以使用前端相关技术快速开发多平台的移动APP。Ionic3环境搭建安装Visual Studio 2011以上版本。安装python 2...
Ionic2学习笔记(2):自定义Component
Ionic2学习笔记(2):自定义Component作者:Grey原文地址: http://www.cnblogs.com/greyzeng/p/5536298.html 上一篇提到,Ionic2提供了很多Component供使用,例如:<ion-title>...
ionic 调用手机摄像头拍照, 选择本地视频,选择本地图片
ionic 调用手机摄像头拍照, 选择本地视频,选择本地图片 ,摸索半天没摸索到调用摄像头摄影的方法,故只写了调本地视频文件方法 ,如有哪位大佬知道,感谢分享$scope....
Ionic 开发环境搭建
android sdk环境搭建并非易事,本人经过无数失败,才使用以下方式成功 配置Ionic 开发环境1、下载JDK并配置Java运行环境http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.ht...
方法:怎么用ionic命令行调试你的ionic app
官网上有很详细的解说 http://blog.ionic.io/live-reload-all-things-ionic-cli/下面说说我自己的调试过程(android版):首先用命令行进入你的项目目录:然后运行命令ionic platform add android/ios我是创建了andro...
ZH奶酪:Ionic中(弹出式窗口)的$ionicModal使用方法
Ionic中[弹出式窗口]有两种(如下图所示),$ionicModal和$ionicPopup;$ionicModal是完整的页面;$ionicPopup是(Dialog)对话框样式的,直接用JavaScript设定对话框的一些参数,通常用于通知消息、确认等作用;本文主要介绍IonicModal的使...
给Ionic写一个cordova(PhoneGap)插件
给Ionic写一个cordova(PhoneGap)插件之前由javaWeb转html5开发,由于面临新技术,遂在适应的过程中极为挣扎,不过还好~,这个过程也极为短暂;现如今面临一些较为复杂的需求还会有一丝丝头痛,却没有一开始那么强烈了。。。在正式写下文之前,我先感谢公司大boss:王总,感谢他让我...
ionic中点击图片看大图的实现
在页面上显示了几张图片后,因为是手机端,图片会有点小的感觉,就想着怎么样才能让用户点击小图片看到大图呢,项目中ionic结合angularjs实现了这个功能1.首先是三张小图上应添加一个函数,当点击图片时触发大图,代码如下:HTML:<div class="row padding"> ...
Ionic Demo 解析
Ionic Demo 解析index.html 解析1.引入所需要的类库<link rel="manifest" href="manifest.json"> <link href="lib/ionic/css/ionic.css" rel="stylesheet"> ...
Ionic2使用百度地图API(JS)出现白屏解决方案
最近自学ionic2,写了一个内嵌百度地图JS的demo,实际跑起来之后出现了大家常见的白屏问题。。最初的实现是这样的:首先主页内嵌了一个百度地图插件<div id="Bmap" style="width: 100%;height: 100%">之后menu中一个引导的子页面也内嵌了一个...
Ionic 入门与实战之第二章第二节:Ionic 环境搭建之 Ionic Lab 使用
原文发表于我的技术博客本文是「Ionic 入门与实战」系列连载的第二章第二节,主要对 Ionic Lab 工具作了介绍,并讲解了其使用方法,这也是一个开发 Ionic 比较好的调试工具。原文发表于我的技术博客Ionic Lab 是 Ionic 发布的一个可视化、跨平台的项目管理工具,可以创建、测试、...
Ionic 入门与实战之第二章第一节:Ionic 环境搭建之开发环境配置
原文发表于我的技术博客本文是「Ionic 入门与实战」系列连载的第二章第一节,主要对 Ionic 的开发环境配置做了简要的介绍,本文介绍的开发环境为 Mac 系统,Windows 系统基本类似,少许差别请查阅相关文档即可。原文发表于我的技术博客1. Ionic 环境的安装1.1 Node.js 与 ...
ionic3 安卓硬件返回
platform.ready().then(() => { this.platform.registerBackButtonAction(() => { let activePortal = this.ionicApp._modalPortal.getActive...
ionic的安装
一.学习一样新的框架的步骤:1.先找到人家的网站, 一个个点过来看看2.我们前端的框架,分css与js3.先学css 再学js4.要学会复制黏贴代码, 实际演练代码的效果二.ionic环境安装及ionic2安装链接 (vs2015)1. Ionic的环境安装建立在node安装好的前提下2. 安装JD...
ionic2 自定义cordova插件开发以及使用 (Android)
如何写一个cordova 用于ionic2项目中呢,在搜索了一番之后,千篇一律,我都怀疑那些文章是不是全部都是复制来复制去的,而且都不是很详细。我自己也捣鼓了一下午,踩了很多坑。所以特此写这下这篇,记录一下。假设需求是 写一个日志插件,可以将日志写在手机的sdcard中。1.安装plugmannpm...
Ionic3.0 输入状态时隐藏Tabs栏
刚接触ionic3 不久 ,发现遍地都是坑,昨天遇到一个问题就是当键盘弹起的时候tabs 也被 弹了起来,最初预想是放在tabs 的一个子页面内处理这个问题,Tabs隐藏后,我们发现底部有部分空白,是因为ion-content编译后,实际内容显示于一个class为scroll-content的div...
ionic3-ng4学习见闻--(多环境方案)
搜了很久,很难找到一个详细入微,开箱即用的方案。于是我 百折不挠的,搞出来一个,也不知道是不是最完美的方案,有什么可以优化的地方可以指出,谢谢。首先,1.项目目录下(与src平级),新增config/webpack.config.js文件,内容如下: var chalk = require("cha...
Angular+Ionic+RSA实现后端加密前端解密功能
因业务需要,需要给android应用安装证书,通过读取证书文件内容实现某些功能的控制;流程:后台通过publicKey对指定内容的文件进行加密,生成文件共客户下载,客户下载后选择该证书文件读取到应用中;后台加密代码:package com.zl.unit.printunit;import org.s...
Ionic2 App Import BrowserAnimationsModule or NoopAnimationsModule问题
在开发app的过程中遇见了动画相关方面的问题,具体如下:解决方法是:在app.module.ts模块中引入BrowserAnimationsModuleimport { BrowserAnimationsModule } from '@angular/platform-browser/animati...