📅  最后修改于: 2020-12-08 05:10:12        🧑  作者: Mango

该服务用于在常规视图的顶部创建一个弹出窗口，该窗口将用于与用户进行交互。弹出窗口有四种类型，即-显示，确认，警报和提示。使用显示弹出窗口此弹出窗口是所有窗口中最复杂的。要触发弹出窗口，我们需要将$ ionicPopup服务注入到我们的控制器中，然后添加一个方法来触发我们要使用的弹出窗口，在本例中为$ ionicPopup.show()。onTap(e)函数可用于添加e.preventDefault...

📅  最后修改于: 2020-12-08 05:11:07        🧑  作者: Mango

离子应用程序中用于滚动操作的元素称为ion-scroll。使用滚动以下代码段将创建可滚动容器并调整滚动模式。首先，我们将创建HTML元素并为其添加属性。我们将添加→direction =“ xy”以允许滚动到每一侧。我们还将设置滚动元素的宽度和高度。HTML代码接下来，我们将世界地图的图像添加到div元素中，该元素是在离子卷轴内部创建的，并设置其宽度和高度。CSS代码运行我们的应用程序时，我们可以...

📅  最后修改于: 2020-12-08 05:11:44        🧑  作者: Mango

侧面菜单是最常用的离子组件之一。可以通过向左或向右滑动或触发为此创建的按钮来打开侧面菜单。使用侧面菜单我们需要的第一个元素是ion-side-menus。该元素用于将侧边菜单与将要使用它的所有屏幕连接起来。离子侧菜单内容元素是放置内容的位置，离子侧菜单元素是可以放置侧指令的位置。我们将侧面菜单添加到index.html，并将ion-nav-view放在侧面菜单内容中。这样，可以在整个应用程序中使用...

📅  最后修改于: 2020-12-08 05:12:14        🧑  作者: Mango

幻灯片框包含可以通过滑动内容屏幕进行更改的页面。使用幻灯片盒幻灯片框的用法很简单。您只需要添加ion-slide-box作为容器，并在该容器中添加具有box类的ion-slide。我们将为框增加高度和边框，以提高可见性。HTML代码输出将如以下屏幕截图所示-我们可以通过将内容拖到右侧来更改框。我们也可以向左拖动以显示前一个框。下表列出了一些可用于控制幻灯片框行为的属性。委托方法AttributeT...

📅  最后修改于: 2020-12-08 05:12:43        🧑  作者: Mango

对于任何导航类型或在应用程序内选择不同的页面，选项卡都是有用的模式。对于Android设备，相同的选项卡将显示在屏幕顶部，对于IOS设备，相同的选项卡将显示在屏幕底部。使用标签通过使用ion-tabs作为容器元素和ion-tab作为内容元素，可以将选项卡添加到应用程序。我们将其添加到index.html，但是您可以将其添加到应用程序内的任何HTML文件中。只是请确保不要将其添加到离子含量内，以避免...

📅  最后修改于: 2020-12-08 05:13:04        🧑  作者: Mango

Cordova提供ngCordova，这是专门设计用于AngularJS的一组包装。安装ngCordova当启动Ionic应用程序时，您会注意到它正在使用bower。它可以用于管理ngCordova插件。如果已安装凉亭，请跳过此步骤；如果没有，则可以在命令提示符窗口中安装它。现在我们需要安装ngCordova。在命令提示符窗口中打开您的应用程序。以下示例用于桌面上名为MyApp的应用程序。接下来，...

📅  最后修改于: 2020-12-08 05:13:33        🧑  作者: Mango

Cordova AdMob插件用于本地集成广告。由于不建议使用admob，因此我们将在本章中使用admobpro插件。使用AdMob为了能够在您的应用中使用广告，您需要注册admob并创建横幅。完成此操作后，您将获得一个广告发布者ID。由于这些步骤不是Ionic框架的一部分，因此我们在此不做解释。您可以在此处按照Google支持团队的步骤进行操作。您还需要安装android或iOS平台，因为cor...

📅  最后修改于: 2020-12-08 05:14:23        🧑  作者: Mango

该插件用于连接到Facebook API。在开始集成Facebook之前，您需要在此处创建一个Facebook应用。您将创建一个Web应用程序，然后跳过快速入门屏幕。然后，您需要在设置页面上添加网站平台。在开发过程中，可以将以下代码段用作网站URL。之后，您需要在设置/高级页面上添加有效的OAuth重定向URI。只需复制以下两个URL。安装Facebook插件我们完成了上述所有步骤，以解决使用此插...

📅  最后修改于: 2020-12-08 05:14:58        🧑  作者: Mango

Cordova InAppBrowser插件用于在网络浏览器视图中打开应用程序的外部链接。使用浏览器开始使用此插件非常容易。您需要做的就是打开命令提示符窗口并安装Cordova插件。此步骤使我们可以开始使用inAppBrowser。现在，我们可以创建一个按钮，将我们引至某些外部链接，并添加一个简单的函数来触发插件。HTML代码控制器代码当用户点击按钮时，InAppBrowser将打开我们提供的UR...

📅  最后修改于: 2020-12-08 05:15:22        🧑  作者: Mango

此插件用于将本地音频声音添加到Ionic应用程序。使用本机音频为了能够使用此插件，我们首先需要安装它。打开命令提示符窗口，然后添加Cordova插件。在开始使用此插件之前，我们将需要音频文件。为简单起见，我们将click.mp3文件保存在js文件夹中，但您可以将其放置在任何位置。下一步是预加载音频文件。有两个可用选项，即-preloadSimple-用于播放一次的简单声音。preloadCompl...

📅  最后修改于: 2020-12-08 05:15:51        🧑  作者: Mango

该插件用于将地理位置插件添加到Ionic应用程序。使用地理位置有一种使用地理位置插件的简单方法。我们需要从命令提示符窗口安装此插件。以下控制器代码使用两种方法。第一个是getCurrentPosition方法，它将向我们显示用户设备的当前纬度和经度。第二个方法是watchCurrentPosition方法，当位置更改时，该方法将返回设备的当前位置。控制器代码您可能还注意到posOptions和wa...

📅  最后修改于: 2020-12-08 05:16:21        🧑  作者: Mango

这个插件使我们可以在设备上录制和播放音频文件。使用媒体与所有其他Cordova插件一样，我们要做的第一件事是从命令提示符窗口安装它。现在，我们准备使用插件。在以下代码示例中，src是我们将在本教程中使用的源mp3文件。它放置在js文件夹中，但是我们需要在它之前添加/ android_asset / www /，以便可以在android设备上使用。完整的功能包装在$ ionicPlatform.re...

📅  最后修改于: 2020-12-08 05:16:49        🧑  作者: Mango

每个移动应用程序都需要一个图标和初始屏幕。 Ionic为添加它提供了出色的解决方案，并为开发人员减少了工作量。裁剪和调整大小在Ionic服务器上是自动的。添加启动画面和图标在前面的章节中，我们讨论了如何为Ionic应用程序添加不同的平台。通过添加平台，Ionic将为该平台安装Cordova初始屏幕插件，因此我们以后无需安装任何软件。我们需要做的就是找到两个图像。图片应为png，psd或ai文件。最...

📅  最后修改于: 2020-12-08 05:17:09        🧑  作者: Mango

以下资源包含有关Ionic的其他信息。请使用它们来获得有关此方面的更深入的知识。关于离子的有用链接离子–离子的官方网站离子维基–离子维基百科参考有用的离子书要在此页面上注册您的网站，请发送电子邮件至...

📅  最后修改于: 2020-12-08 05:17:30        🧑  作者: Mango

Ionic是用于开发移动应用程序的开源框架。它提供了用于构建具有本机外观的Mobile UI的工具和服务。 Ionic框架需要本机包装才能在移动设备上运行。这是一个入门教程，涵盖了Ionic Open Source Framework的基础知识，并说明了如何处理其各种组件和子组件。...