/jpHolo

An application template based on jQuery Mobile and PhoneGap, featuring an Android Holo styled interface.

Primary LanguageJavaScriptGNU Lesser General Public License v3.0LGPL-3.0

jpHolo

An application template based on jQuery Mobile and PhoneGap, featuring an Android Holo styled interface.

Features

  • Application template based on jQuery Mobile 1.3.1 and PhoneGap 2.9.0.
  • Android Holo Theme look: Light with Dark action bar (full), Dark (full), and Light (partial).
  • Toast messages.
  • Share intent.
  • Google Play Store intent.
  • Retrieve current package version (manifest file).
  • Navigation Drawer.

Requirements

  • jQuery Mobile 1.3.0 and up.
  • PhoneGap 2.7.0 and up (may work on earlier versions, but that is not tested).
  • It is an Eclipse project, so you might need to use Eclipse or convert the project.

Included resources

  • Gimp images files to make your own png/jpg files.
  • Full html, css, and javascript sources.

Examples

See my blog about this: http://teusink.blogspot.nl/2013/04/android-example-app-with-phonegap-and.html Working example can be found on Google Play Store. It is my own app DroidPapers: https://play.google.com/store/apps/details?id=org.teusink.droidpapers

Working on...

- Upgrade to PhoneGap 3.0.0. - More jQuery Mobile widgets. - More PhoneGap features.

Changelog

2013-08-11

- Improved logging commands (console.info, console.warn, console.error, instead of console.log only).

2013-08-09

- Footer action buttons height fix.

2013-08-06

- Removed reference to non-existing script. - Made example (menu items, toasts etc.) bit more better to understand. - Added Appstore plugin to invoke an intent to open Play Store. - Added PackageVersion plugin to get current package version set in manifest file in Android. - Changed right navigation drawer with menu items to demonstrate the two new plugins. - Upgraded package to Android 4.3 (API 18).

2013-07-26

- Add the new (and all) Roboto TrueType fonts. - Improved icon images with new Roboto font. - Improved css a bit due to new fonts.

2013-07-21

- Upgrade to jQuery Mobile 1.3.2.

2013-07-20

- Paved the way for PhoneGap 3.0.0. Project is still using PhoneGap 2.9.0.

2013-07-12

- improved Gimp image resource files (easier to adjust app title) - improved interface (icon title button) - added non-minified custom jQuery Mobile Theme - removed Holo light images (they will return improved) - more image resources - fixed tablet layout not showing

2013-07-10

- renamed style.css to application.css - renamed style_tablet to application.splitview.css - added application.tablet.css - added application.smartphone.css - merged jQuery Mobile settings to jquery.mobile.settings.js (loaded before jQuery Mobile loads) - merged functions_before.js and functions_after.js to application.core.js (loaded at the end of all other scripts) - updated energize.js from: https://github.com/davidcalhoun/energize.js - included function that executes a piece of code AFTER the deviceready event has been fired. - GUI now better imitates native look and feel (including action bar resizing with landscape mode) - Now using official color codes that are selected by Google for Holo - renamed entire app and code from JQM-Example to jpHolo (adjusted images also)

2013-06-29

- Added to GitHub public repo now - Added tablet view support. - Improved Holo colors.

2013-05-23 (on Teusink.org Blog)

- Changed app to remove the blink issue (meta viewport). App now functions without blinking.

2013-05-22 (on Teusink.org Blog)

- PhoneGap 2.7.0 - Improved JavaScript code with JSLint - Changed panel behavior to the official Google style presented at Google I/O 2013.

2013-04-29 (on Teusink.org Blog)

- Initial release

License

This program is free software: you can redistribute it and/or modify it under the terms of the GNU LesserGeneral Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. To read more about the GNU Lesser General Public License that belongs to this program, see http://www.gnu.org/licenses/