2017年03月_robert_cysy

11月 08月 07月 06月 05月 04月 03月 02月 01月

原创 Ionic2之显示图表（chart）曲线dygraph（angularjs2使用第三方js库）

ionic2使用第三方图表显示插件（dygraph）

2017-03-28 14:04:34 3953

原创 ionic2屏幕适配，适配手机，平板等设备（示例代码）

用鼠标拉动浏览器边框调整页面大小，会发展ionic的页面元素也会跟着动态大小变形。当这个软件编译到了平台安装包。比如编译了Android，那么页面会自适应Android的屏幕。实现了对不同屏幕大小的设备适配。

2017-03-23 14:43:38 5368 1

原创 ionic2屏幕适配，动态调整大小

我现在的项目是使用ionic2给平板开发一个软件。第一个就是遇到屏幕适配的问题。官方的示例代码，放在平板上，也是会出现界面元素放不下的问题。当然，在小屏幕上，软件出现了滚动条，但是从视觉和操作上根本不满足我们软件的需要。因此我们需要软件更具屏幕的大小动态的适配。而在这方面在网上很少能找到答案，对于我这个小白，可是不知所措。当然项目必须要做，因此就得探索学习。一．初探Ionic2

2017-03-20 17:03:30 12008

原创 Ionic2之自定义css（scss）方法

Ionic2之自定义css（scss）避免页面影响对于ionic2来说，彻底的把每个页面独立了出来，每个页面分别对应三个文件。例如“page1”分别对应的文件是：page.ts ， page.html ， page.scss 。其中page.html：文件是写界面布局的其中page.ts是页面数据逻辑控制的其中page.scss 就是写css样式的文件

2017-03-20 16:57:34 7927 1

原创 ionic2界面调试，浏览器，chrome

一、使用浏览器帮助调试ionic生成的页面我们在开发ionic项目的时候，经常会出现，页面效果出错，没有达到预期的效果，包括元素的css属性等不满意的地方。我们就可以使用浏览器的调试功能来查看页面布局代码，并实时动态调整。我们开发原生Android的时候，可以动态的看到预览。同样的。在开发ionic应用的时候，我们都是使用浏览器来查看效果的。知识，浏览器给我们提供了一个非常

2017-03-20 16:55:57 4678 1

原创 Ionic2生成网页工作原理

Ionic2生成网页工作原理由于项目需要，没有使用android原生开发，而是使用了现在流行的hybird开发技术。经过选择最终选择了ionic1，学习了一段时间，发现了官网的文档函数在ionic1，没有实现相应的效果。才发现原来得使用ionic2，新版的框架。因此，现在项目使用ionic2开发。由于是第一次使用网页的编程技术。所以事情都得重新学习使用。经过阅读示例代码和文档，学习入门，然后

2017-03-20 16:53:17 2568 1

原创 Ionic2的发布模式和开发模式，--prod参数

从ionic1切换到ionic2的时候，发现app启动好慢，白屏好长时间，后来查找发现有个参数是 –prod，，先开始使用了这个参数，没见到效果。后来重新装了ionic，出现了效果。确实是明显的速度提升。总结：ionic2的在正式发布的时候要加 –prod参数。下面是俩中模式的运行截图：分别是build prod startd 和 build dev started。即，产品模

2017-03-16 22:27:38 6245

原创 Ionic2 隐藏状态栏，全屏，禁止旋转，保持横屏

一、隐藏状态栏1.安装插件：cordova plugin add cordova-plugin-fullscreen2.修改config.xml文件"android">..."Fullscreen" value="true" />... 3.在app.component.ts文件里加入引用；import { Nav, Platform } from 'i

2017-03-16 14:10:48 7151