Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying PhoneGap By Example
  • Table Of Contents Toc
  • Feedback & Rating feedback
PhoneGap By Example

PhoneGap By Example

By : Andrew Kovalenko
close
close
PhoneGap By Example

PhoneGap By Example

By: Andrew Kovalenko

Overview of this book

PhoneGap is a free and open source framework that allows you to create mobile apps using standardized web APIs for the platforms you care about. It is one of the first and fastest spreading tools to develop hybrid applications using CSS, JavaScript, and HTML, without losing the advantages of native applications. If you are already a web developer, this book will provide you with the skills you need to create, customize, test, and deploy hybrid mobile applications. Starting from the beginning, this book will cover how to set up your PhoneGap development environment, add mobile web frameworks and plugins, design and customize the application layout, and utilize the embedded features of the PhoneGap framework. By working through the steps in each chapter, you will quickly master a variety of mobile applications with totally different approaches. You will then learn how to develop a PhoneGap plugin with native interfaces for iOS and Android, as well as common approaches to test PhoneGap applications. With ample screenshots that show you how to build a phenomenal application, PhoneGap by Example will ensure your success with this cutting-edge mobile development framework for hybrid applications.
Table of Contents (12 chapters)
close
close
11
Index

Rendering an effects list


We would like to display pictures captured with a camera in the new popup and display the list of available effects as a preview of the captured picture. However, before this, we need to include the Pixastic library first.

Including Pixastic

Let's download the Pixastic files and put them in the resources/lib folder. After that, we need to include these files in our project. We can do this in the app.json file in the js section:

"js": [
    {
        "path": "resources/lib/pixastic.js"
    },
    {
        "path": "resources/lib/pixastic.effects.js"
    },
    {
        "path": "resources/lib/pixastic.worker.js"
    },
    {
        "path": "resources/lib/pixastic.worker.control.js"
    }
    //...
]

The preceding code tells the Sencha microloader to include these files in index.html. Also, we need to specify the resources/lib folder as a resource itself. So, it will be copied in the application as well. We need it to reference from the code later, as shown in the following...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech

Create a Note

Modal Close icon
You need to login to use this feature.
notes
bookmark search playlist font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Delete Note

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Edit Note

Modal Close icon
Write a note (max 255 characters)
Cancel
Update Note

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY