文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

用Ionic开发hybrid APP

toc 使用phonegap开发APP的优劣在此不必细说，快速，简单，跨平台，以及随着iOS，Android本身对webview优化所带来的不错的性能，便是其独有的优势。...开源免费的webfont icon库ionicons,基本满足你icon需求。 甚至最近开发出的可视化开发工具Ionic Creator 最后便是至关重要的，异常活跃的在线社区。...$ npm install -g cordova ionic $ ionic start myApp tabs $ cd myApp $ ionic platform add ios $ ionic build...ios $ ionic emulate ios 以及私人推荐的电脑浏览器调试命令：$ ionic searve 相关插件扩展推荐 SQLite插件，如果你的APP需要持久保存用户数据，强烈推荐你使用...需要提示的是，安装插件后，在启动图片未关闭时候，默认菊花转在屏幕中间，如果你要自定义，可以更改插件中的原生代码，以iOS为例,将其改到屏幕底部：更改/src/ios/CDVSplashScreen.m中

3.1K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    【组件篇】ionic3开源组件

    平时会留意一些开源组件，收藏到收藏夹里，然后一天mac电脑因为卸载window出问题导致不能不重装，然后里面的东西都没了，特别是适用于ionic2布局的angular2和普通js……so sad，现整理回一些并分享下...： 这里是组件篇，所以关于开源项目和插件的分别放在其它章，因为图片多会影响本文速度和美观，所以只放部分图。...提醒一点，ionic3除了很方便使用ionic2及以上组件外，也很方便引入angular2或普通js的组件。这里列的基本都是ionic2，如果没有，可以自行找angular2或js的。...ionic2-indexed-scroll 透明状态栏 ionic2-transparent-bar 多层菜单 Ionic3-MultiLevelSideMenu 滚动收缩 Ionic2-FullscreenContent...圆形菜单 圆形文本 ionic2-circle-text-avatar text-avatar ?

    2.3K40

    SNS项目笔记--项目启动

    摘要：全新SNS项目启动，现ionic更新到了3.0版本，angular更新到了4.0版本，博主随着这项目，带着大家领略一番ionic的相关技术细节上的问题 1、全新项目下载操作： 在新版本下，ionic...，即使在mac上也是如此。...而IOS还有新的坑，即在这里会报错需要用到root 权限：sudo ionic platform build ios，这里处理IOS权限问题，可以看看 “军神” 的文章：http://www.jianshu.com...修改后结果.png 3、更改底部导航的颜色 由于项目使用橙色为主题色，最开始我不知道在哪里修改底部导航栏的颜色，于是去官网上寻找答案：http://ionicframework.com/docs/api...改变点击色.png 4、结尾的话 作为公司项目此项目不应开源，但是我会在项目进行中将比比较精华的部分分享给大家，希望同路人喜欢上这样的UI框架，也希望ionic 在今后能改变我们大部分的工作方式！

    4.2K20

    View编程指南(二)

    苹果官方文档View Programming Guide for iOS 三、Windows 每个iOS应用程序至少需要一个window- 一个UIWindow类的实例 - 有些可能包含多个window...它与您的应用程序的View controller协同工作，以方便更改。 在iOS中，Windows没有标题栏，关闭框或其他视觉装饰。一个window始终只是一个或多个view的空白容器。...此外，应用程序不会通过显示新window来更改其内容。如果要更改显示的内容，请改为改变window的最前面的view。 大多数iOS应用程序在其生命周期中只创建并使用一个window。...例如，如果您的应用程序支持在外部显示器上显示内容，则应在创建相应window之前等待显示器连接。 无论您的应用程序是启动到前台还是后台，您都应始终在启动时创建应用程序的主window。...如果此选项未启用且您的window小于目标设备的屏幕，则某些view不会接收触摸事件。这是因为window（如所有view）不会在边界矩形外接收触摸事件。

    1.3K10

    RSSHelper正式开源

    所以想要纯文本的，方便阅读的，就想到了RSS 试过一些RSS订阅app，有些重要源无法解析，例如FEX周刊、奇舞周刊、国外站点等等。...容器的方式实现，看上了WebView在内容排版上的巨大优势 现在已经搬到了iOS，长这样子： ?...Xcode，目前真机调试已经不需要99刀认证的开发者账号，但上架App Store还是要交钱 0.环境 OSX@10.12.x: 支持构建ios10.x应用，低版本的只能构建ios9.x应用 Xcode...安卓iOS模拟器支持，并添加平台 npm install －g ios-sim ionic platform add ios 2.构建 ionic build ios 3.模拟器运行 ionic emulate...启动应用会提示不受信任，需要去设置里信任开发者 七.项目地址 Github：https://github.com/ayqy/RSSHelper 事实上ionic的第一个版本就已经放上去了，但那时候还只是一个简单脆弱没有设计的应用

    2.8K50

    【开发指南】（二）Ionic3开发工具插件推荐

    ionic主要使用网页的开发方式，一般的web开发的IDE就可以了，有大型的也有轻量级的供考虑，每个开发人员都有自身喜爱和倾向的IDE，在此不一一列举了，个人推荐VS code，比较轻量型的，下载不用访问外国网站...用于ionic开发的插件推荐： Npm Intellisense 模糊查询模块，已安装模块快捷导入，未安装模块提供一键下载安装，你还在考虑什么？...-command snippets 也可以html 中敲入以下命令，快捷创建ionic的标签，但有些不全 i2-list            //add a ionic list with...  //add a ionic group with reorder and iterator …… Ionic 2 Snippets html的智能提示，使用“ion2-”做前缀，示例...Ios Ionic Run Ios Ionic Generate 可惜系统重装了，原有装的插件很多都忘记名字了，不然应付各种开发情况，生活可以更美的。

    1.9K30

    最新iOS设计规范七｜10大视觉规范（Visual Design）

    在iOS应用中，您可以配置界面元素和布局，以在iPad上执行多任务处理时，在拆分视图中，在屏幕旋转时以及在其他设备上自动更改形状和大小。设计一个适应性强的界面在任何环境下都提供出色的体验非常重要。...你可以将APP设置为动态适应各种特征，包括： 不同的设备屏幕尺寸，分辨率和色域（sRGB / P3） 不同的设备方向（纵向/横向） 拆分视图 iPad上的多任务处理模式 动态类型文本大小更改 基于区域设置启用的国际化功能...用户希望大多数APP在设置中选择不同的文本大小时都能做出响应。若要适应某些文本大小的更改，你可能需要调整布局 为可交互元素提供充足的点击热区。...请注意，当诸如录音和位置跟踪之类的后台任务处于活动状态时，全屏iPhone上的状态栏不会更改高度。 如果你的APP当前隐藏状态栏，请重新考虑全屏iPhone的隐藏与否。...另外，请确保您的启动屏幕与设备的当前外观模式匹配； 避免在启动屏幕上包含文本。因为启动屏幕中的内容不会更改，所以任何显示的文本都不会被本地化。 弱化启动。

    12.1K30

    Flutter概述、原理 & 跨平台历史及各方案比较 & Dart概述

    ，会前端即可； 缺点：没有原生流畅，性能比较差； 3.接着，webView； 原生和前端需要密切配合； 流行框架：dcloud、cordova、ionic 4.含有编译转换特性的跨平台框架 Weex...、React Native、Flutter Flutter概述 Google推出的一个跨平台的项目； 最早起源于2015年； 使用Dart语言； 可以运行在Android、IOS以及其他设备上，得到接近原生的体验...、Dart语言分析； web上调试Dart的工具； 内置丰富的组件 提供了 适用于Android的Material Design风格的组件 以及 适用于IOS的组件； 还可以在IOS上使用Material...Design风格的组件， 在Android上使用cupertino的组件； 自由组合组件风格； Flutter架构 ?...，AOT）； JIT：支持真机、模拟器， 此模式下断点、调试工具都会打开， 安装包会很大，启动速度慢，可以通过热加载（hotreload）看到UI的更改； AOT：仅支持真机， 编译打包上线时用的模式

    2.3K20

    【Appetite】ionic3实录（二）UI分析及总体配置

    UI分析，自然是提取UI上的有用信息。事先声明我不是美工，样式书写等可能会有不规范的地方。...UI选项卡 所以我们在cli命令行创建一个基于选项卡模版的应用： ionic start appetite tabs 等项目创建成功后，我们执行下面的命令： cd appetite && ionic serve...三、应用配置 上图所示，浏览器默认使用android的样式，而UI设计图采用ios的样式，所以，为了统一也为了方便维护，我们各平台统一使用ios样式，在app.module.ts 中修改配置为： IonicModule.forRoot...其实不是不用，只是先不用，作为入门，未学会走路就学跑，只会让自己更混乱。 五、定制应用主题样式 修改src/theme/variables.scss文件。 1....留意到UI上标题栏的颜色为浅白色： 便在文件上添加配置： $toolbar-ios-background: color($colors, light); 4.

    2.8K30

    【开发指南】（四）Ionic3快速上手并了解这些

    ： ionic start --help 常用的命令有(不区分大小写)： ionic Start ionic Serve ionic Build ionic Emulate ionic Run ionic...ionic cordova run ios 如果是window系统，配好了android环境，可以敲入: ionic cordova run android 其中，注意下cordova和ionic cordova...想华丽酷炫的还是简单简洁的，可以选用相应的动画；如想所有平台样式一致，就加个mode: 'ios'；想选项卡统一在下面就加个tabsPlacement: 'bottom'；不要后退文字，则设backButtonText.../ 3）善用样式指令及工具 当我们使用padding、文本对齐、换行等等，不用重复造车轮了，具体查看： http://ionicframework.com/docs/theming/css-utilities...插件 混合式应用一个比较大的特点是调用原生，ionic调用原生方式为Cordova插件，为了更方便的调用，ionic2及以上封装了ionic-native，在使用之前，建议先了解下Cordova的基本知识

    4.5K20

    最新iOS设计规范三｜3大界面要素：栏(Bars)

    iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师，都应当理解并熟悉平台的设计规范。...例如：按钮、开关、文本框和进度条，都属于典型的控件。 ---- iOS的6种栏（Bars） ?...状态栏的文本和指示器的视觉样式可以是浅色或深色，可以针对APP进行全局设置，也可以针对不同的屏幕单独设置。 深色状态栏的效果在浅色内容至少效果很好，而浅色状态栏的效果在深色内容上效果很好。...例如，如果iOS设备上没有歌曲，则“音乐”应用中的“立即收听”选项卡将说明如何下载歌曲。 始终在附加视图中切换上下文。...可以在标签上做标记 - 包含白色文本的红色椭圆（即小红点），或者一个数字或一个感叹号，用以提示用户有新信息，并且新信息与该视图或模式是相关联的。 确保标签栏标志符号在视觉上保持一致和平衡。

    14.9K10

    .NET MAUI 社区工具包 1.3版本发布

    此版本包括错误修复和多项增强功能，例如 gravatar 支持、彩色状态栏和控件的淡入淡出动画。...它已经在2022年8月正式发布，在 GitHub 上仍然有数百个未解决的 Bug，社区因此认为官方过早地发布了这个版本。...其中两项工具包改进已作为行为实现，这是MAUI框架中的设计决策，允许开发人员向现有用户界面控件添加功能，而无需对它们进行子类化并使用扩展类。 彩色状态栏是一种称为状态栏行为的新行为类。...平台为目标，则在 Info.plist 元数据文件中稍作更改以支持此功能。...开发人员在调试使用库的代码时，可以单步执行库实现本身。 新添加的功能已在 NMCT 的示例应用程序中提供，该应用程序也托管在 GitHub 上。

    97920
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券