📅  最后修改于: 2021-01-07 10:24:34        🧑  作者: Mango

可折叠内容块在上一节中，我们了解了如何在PhoneGap中创建多页UI。现在，我们将了解可折叠内容块以及如何在PhoneGap应用程序中使用它。以前，我们在移动应用程序开发中只处理有限的房地产，并且我们没有足够的屏幕来容纳它。为此，UI中使用了不同的技术，以便在屏幕上尽可能多地利用自己的不动产。在这种情况下，我们将向其提供“可折叠内容块”。这些块只是可以折叠以在屏幕上提供更多空间的简单块。我们将使...

📅  最后修改于: 2021-01-07 10:25:32        🧑  作者: Mango

控制组和翻转开关在上一节中，我们学习了如何通过使用可折叠内容块来完全使用最小屏幕区域。现在，我们将学习如何在PhoneGap中使用控制组和翻转开关。我们将一一解释控制组和翻转开关。控制组控制组是使用JQuery移动库组织内容的最简单方法之一。这些是用于在PhoneGap中创建控制组的以下步骤：1)创建index3.html文件我们将使用与index2.html中预设的代码相同的代码创建一个新文件i...

📅  最后修改于: 2021-01-07 10:26:31        🧑  作者: Mango

PhoneGap中的列表视图JQuery列表视图被设计为具有链接列表项的简单无序列表。它是通过使用属性data-role =“ listview”创建的。为了将列表转换为适合移动设备的列表视图， JQuery移动库将应用所有必需的样式。它将使用向右箭头指示器转换列表。该指示器填充浏览器窗口的整个宽度。当我们单击列表项时，将执行以下操作：框架将触发点击列表项中的第一个链接对链接中的URL发出Ajax...

📅  最后修改于: 2021-01-07 10:27:25        🧑  作者: Mango

PhoneGap存储开始构建实时应用程序时，我们必须处理数据存储。移动环境允许我们以两种方式存储数据。即在其他服务器上或在我们设备上本地。存储数据的服务器基于数据的类型，量和要求。例如，如果我们要存储一些经常需要的数据，则最好将其存储在我们的移动设备上。当我们有大量的数据要存储，检索和更新时，服务器端的数据存储就很好了。如果我们知道HTML5，则可以使用localStorage对象或session...

📅  最后修改于: 2021-01-07 10:28:27        🧑  作者: Mango

本地存储对象在上一节中，我们讨论了存储的所有理论部分。我们已经快速浏览了将用于存储的所有存储方法。因此，在本节中，我们将学习如何在PhoneGap中创建和使用本地存储对象。以下是创建和使用本地存储对象的分步过程。1)创建一个新项目首先，我们将使用空白模板创建一个新的PhoneGap项目。如果您不知道如何使用空白模板创建应用，请通过PhoneGap项目链接。创建www文件夹中包含的index.htm...

📅  最后修改于: 2021-01-07 10:29:26        🧑  作者: Mango

创建表并将数据存储在PhoneGap中在上一节中，我们了解了如何使用localStorage对象来存储和检索来自移动设备的数据。在本节中，我们将学习最复杂的功能，即SQLite数据库。如果我们以前使用过数据库，那么使用它将非常容易。在PhoneGap中，有一个完全符合SQL的数据库存在于我们的应用程序中，并将数据存储在设备上。对于更复杂的信息(不适用于本地存储)，这将非常有用。这是一种文件格式。这...

📅  最后修改于: 2021-01-07 10:30:29        🧑  作者: Mango

从SQLite数据库检索数据在上一节中，我们了解了如何在SQLite数据库中创建表以及如何将数据插入数据库表中。在本节中，我们将学习如何从数据库中获取数据以及如何在用户界面上看到它们。我们将使用select语句从表中获取数据，并使用无序列表作为将显示数据的列表视图：以下是用于从SQLite数据库获取数据的以下步骤：1)创建index2.html文件我们将使用与index.html中存在的相同代码创...

📅  最后修改于: 2021-01-07 10:31:26        🧑  作者: Mango

获取设备位置本部分将使您了解地理位置以及我们如何使用PhoneGap获取设备位置。地理位置可为我们提供有关经度和纬度的信息。经度和纬度是我们设备位置的信息。CDMA小区ID)推断出的全球定位系统(也称为GPS和位置)是一些常见的位置信息来源。 API可以或不能返回设备的实际位置。确定设备位置后，我们可以在应用程序中使用此信息。在geolocation部分中，我们可以使用geolocation.ge...

📅  最后修改于: 2021-01-07 10:32:23        🧑  作者: Mango

播放音频和视频内容在上一节中，我们了解了纬度和经度，并且可以在我们的应用程序中使用此信息。在本节中，我们将获得有关媒体的完整知识。我们将学习如何播放音频和视频内容，控制媒体的播放，调整媒体的音量以及媒体的位置和持续时间。首先，我们将获得有关播放音频和视频内容的知识。在开发中，播放音频和视频内容非常容易开发。这些是我们可以用来播放音频和视频内容的以下步骤：1)创建一个新项目：首先，我们将使用空白模板...

📅  最后修改于: 2021-01-07 10:33:23        🧑  作者: Mango

使用JavaScript控制媒体播放在上一节中，我们学习了如何播放音频和视频内容。以前，我们使用浏览器的内置HTML控件来播放音频和视频内容。在本节中，我们将学习如何使用JavaScript自己创建这些控件。我们将使用以下步骤创建自定义控制按钮来播放，暂停和停止音频：1)删除音频标签的控件属性并添加JQuery移动库我们将使用相同的项目，并从HTML代码中删除controls属性。我们还将通过简单...

📅  最后修改于: 2021-01-07 10:34:22        🧑  作者: Mango

使用PhoneGap中的JavaScript调整媒体音量在上一节中，我们使用JavaScript制作了自己的控制按钮。在本节中，我们将学习如何使用PhoneGap中的JavaScript调整音量。我们将创建一个音量滑块，该滑块将控制媒体的音量。音量是我们播放器的财产，可以通过用户界面轻松控制。以下是在PhoneGap中创建音量滑块的以下步骤：1)创建index2.html文件我们将创建另一个htm...

📅  最后修改于: 2021-01-07 10:35:17        🧑  作者: Mango

媒体位置和持续时间以前，我们了解了如何播放音频和视频内容，控制媒体的播放以及调整媒体的音量。在本节中，我们将了解媒体的位置和持续时间。与媒体合作时，我们通常还想知道特定媒体的时长以及在特定媒体中的位置。以下是用于获取媒体位置和持续时间的以下步骤。1)创建index3.html我们将创建一个新的html文件，即index3.html，其内容与index.html中的内容相同。我们将在index3.h...

📅  最后修改于: 2021-01-07 10:36:14        🧑  作者: Mango

读取加速度计我们知道PhoneGap旨在简化开发跨平台应用程序的过程。如果PhoneGap无法与设备硬件进行交互，则它的功能将不那么强大。在本节中，我们将使用加速度计来确定设备在空间中的位置。在PhoneGap中使用加速度计将执行以下步骤：1)创建一个新项目首先，我们将使用空白模板PhoneGap项目链接。2)创建window.onload函数现在，我们将使用首选标题更改标题标签。我们将在<scr...

📅  最后修改于: 2021-01-07 10:37:10        🧑  作者: Mango

用加速度计移动物体在上一节中，我们使用PhoneGap阅读了设备加速度计。在本节中，我们将看一下加速度计的花环，并用它来做一些有建设性的事情，例如在屏幕上移动对象。我们将对前面的示例进行一些更改。以下是使用加速度计移动对象的以下步骤：1)创建index2.html我们将使用与index.html中预设的代码相同的代码创建一个新文件index2.html。我们稍后将在index2.html文件而不是...

📅  最后修改于: 2021-01-07 10:38:09        🧑  作者: Mango

从相机拍摄照片在前面的部分中，我们了解了UI，存储，地理位置，媒体和设备加速度计。在本节中，我们将学习相机以及如何使用PhoneGap拍照。每个人都喜欢拍照，几乎每个设备都有某种车载摄像头。在本完整部分中，我们将看一下相机。首先，我们将学习如何设置图像选项，例如图像质量。我们将从相机中获取图像，返回缩略图，然后从操作系统中的现有图像库中选择图片。现在，我们将使用设备硬件，即车载摄像头。通过使用Ph...