Book Image

PhoneGap 4 Mobile Application Development Cookbook

Book Image

PhoneGap 4 Mobile Application Development Cookbook

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
PhoneGap 4 Mobile Application Development Cookbook
Oct, 2015 | 356 pages
No titles found
Table of Contents (19 chapters)
PhoneGap 4 Mobile Application Development Cookbook
PhoneGap 4 Mobile Application Development Cookbook
Credits
Credits
About the Authors
About the Authors
About the Reviewer
About the Reviewer
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Welcome to PhoneGap 3
Welcome to PhoneGap 3
Introduction
Installing PhoneGap 3
Creating a new project
Using the command line
Installing API plugins
2
Movement and Location – Using the Accelerometer and Geolocation Sensors
Movement and Location – Using the Accelerometer and Geolocation Sensors
Introduction
Detecting device movement using the accelerometer
Adjusting the accelerometer sensor update interval
Updating a display object position through accelerometer events
Obtaining device geolocation sensor information
Adjusting the geolocation sensor update interval
Retrieving map data through geolocation coordinates
Creating a visual compass to show the device direction
3
Filesystems, Storage, and Local Databases
Filesystems, Storage, and Local Databases
Introduction
Saving a file in the device storage
Opening a local file from the device storage
Displaying the contents of a directory
Creating a local SQLite database
Uploading a file on a remote server
Caching content using the local storage API
4
Working with Audio, Images, and Video
Working with Audio, Images, and Video
Introduction
Capturing audio using the device audio recording application
Recording audio within your application
Playing audio files from the local filesystem or over HTTP
Capturing a video using the device video recording application
Loading a photograph from the device camera roll/library
Applying an effect to an image using canvas
Playing a remote video
5
Working with Your Contacts List
Working with Your Contacts List
Introduction
Listing all available contacts
Displaying the contact information for a specific individual
Creating and saving a new contact
6
Hooking into Native Events
Hooking into Native Events
Introduction
Pausing your application
Resuming your application
Displaying the status of the device battery levels
Displaying network connection status
Creating a custom submenu
7
Working with XUI
Working with XUI
Introduction
Getting started with XUI
Learning the basics of the library
DOM manipulation
Working with touch and gesture events
Updating element styles
Working with remote data and AJAX requests
Creating simple tweens and animations
8
Working with the Ionic Framework
Working with the Ionic Framework
Introduction
Getting familiar with basics of the library
Exploring Ionic commands
Exploring the Ionic framework structure
Using ngCordova
9
Ionic Framework Development
Ionic Framework Development
Introduction
Exploring the UI components
Creating a layout
Using Ionic and Angular
Putting it all together
10
User Interface Development
User Interface Development
Introduction
Creating a jQuery Mobile layout
Persisting data between jQuery Mobile pages
Using jQuery Mobile ThemeRoller
11
Extending PhoneGap with Plugins
Extending PhoneGap with Plugins
Introduction
Extending your Cordova Android application with a native plugin
Extending your Cordova iOS application with a native plugin
The plugin repository
12
Development Tools and Testing
Development Tools and Testing
Introduction
Downloading Cordova
Using the command line to create a new iOS Cordova project
Debugging the iOS Cordova application using Safari Web Inspector
Using Android Studio to develop Android Cordova applications
Using Adobe Dreamweaver to develop Cordova applications
Using the PhoneGap Build service
Index
Index

Putting it all together

In this recipe, we are going to dig deeper into using AngularJS with the Ionic framework. We are going to add two common features to the existing ionSnap app. The first feature is infinite scrolling, which loads more content whenever the user navigates to the bottom of the list. The second feature is pull to refresh, which allows the user to refresh the content by pulling from the top.

How to do it…

To start adding more features into the existing ionSnap app, follow these steps:

  1. We will continue building the ionSnap app we created in an earlier recipe. Open the terminal, change the directory to ionSnap, and run the Ionic server:

    cd path/to/ionSnap
ionic serve

  2. Then open www/templates/tab-dash.html, and add the ion-infinite-scroll directive before the ion-content close, as shown in this code:

        <ion-infinite-scroll
        on-infinite="loadMore()"
        distance="1%">
    </ion-infinite-scroll>

</ion-content>

  3. When the user reaches the end of the list...

Previous Section
End of Chapter 9
Next Chapter