ionic 中切换平台以实现android中使用的是ios的样式

原创 2016年08月29日 14:34:35

    话说在ionic中很多样式都是分为ios和android这两种样式,有的android样式那直接就是惨不忍睹。如果你想都android和ios都统一用同一种样式除了使用我之前写的一篇博客

ionic 中遇到的一些东西中的一些方法,这次我将使用全新的方法来解决。说起来也是很简单的。 只需要使用 ionic.Platform对象中的方法便可以实现。

    首先我们来看看ionic.Platform对象中有哪些方法
这里面还是有很多比较有用的方法。比如判断是什么设备的isIOS() , isAndroid() , isIpad() , isWindowsPhone();当我们仔细看这个对象的时候我们发现了两个方法,一个是platform()方法一个是setPlatform()方法,没错就是后面这个方法可以办到我们想要办到的事。

于是我写了一个简单的页面来验证这个方法是否能达到我们想要的效果,页面很简单,就是一个按钮,点击按钮就弹出来一个上拉菜单。我们来看一下手机上的效果


怎么样?android上的这个上拉菜单还是一如既往的丑吧。好吧我们使用setPlatform方法看看效果,还是在android手机上。

你们看到效果了吧。

具体代码如下

.run(function () {
    ionic.Platform.setPlatform('ios');
})

经过测试无论是在config还是在run方法中设置都是可以的。我建议大家最好在这两个方法中设置。






ionic2中强制使安卓用ios样式的方法

在app开发中,很多时候需要分别对ios和安卓的样式分别设置。这使得代码量增多,而且显得特别繁琐。这个时候可以强制的将安卓的样式设置为使用ios的样式 操作方法为:在根模块里面也就是app.modu...

ionic2更改android下actionsheet样式为ios的actionsheet样式

注释或者删除main.css中的以下代码.action-sheet-md .action-sheet-container { padding: .8rem 0; background: #fa...

ionic框架对Android返回键的处理

在HybridApp移动跨平台开发中,android平台会遇到一些比较特殊并难以解决的问题,这些问题在原生应用开发中很easy, Android的返回键处理就是问题之一,假如我们要实现一个在很多App...
  • offbye
  • offbye
  • 2014年09月01日 09:32
  • 15097

【Ionic实战】一个和AngularJS的跨平台(iOS,Android) APP框架

关于 使用HTML5和CSS来开发手机应用,一直是广大前端开发者的理想,并且已经有不少解决方案了。例如 PhoneGap(用javascript来调用设备原生API)JQuery Mo...
  • hj7jay
  • hj7jay
  • 2016年06月19日 10:10
  • 2800

使用反射技术在Android平台上实现本进程内Activity切换时的拦截

有需求需要统计本应用内各Activity切换的次数与频度等,由于zhi
  • passion
  • passion
  • 2014年05月26日 23:08
  • 1521

iOS使用ionic实现混合式开发

Mac上使用轻量级的ionic进行混合式开发iOS应用

于ionic2的跨平台项目(一)简单探讨及iOS项目创建

基于ionic2的跨平台项目探讨(iOS) 一、     技术背景 为了开发html5,除了最新使用React Native等之外,目前首选稳定的ionic+Angularjs来开发iOS 和A...

Ionic2跨平台项目(一)简单探讨及iOS项目创建

基于ionic2的跨平台项目探讨(iOS) 一、     技术背景 为了开发html5,除了最新使用React Native等之外,目前首选稳定的ionic+Angularjs来开发iOS 和Andr...

Ionic2跨平台项目(一)简单探讨及iOS项目创建

技术背景 为了开发html5,除了最新使用React Native等之外,目前首选稳定的ionic+Angularjs来开发iOS 和Android。(加入qq群:64903116讨论更多ionic2...

Ionic跨平台项目(九) 自定义cordova plugin(iOS)

插件的意义 plugin(全文都叫插件)是一个注入代码的包,它允许app呈现的Cordova webview与其运行的native平台进行通信。插件可以访问基于Web的app通常不可用的设备...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ionic 中切换平台以实现android中使用的是ios的样式
举报原因:
原因补充:

(最多只允许输入30个字)