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.2 and PhoneGap 2.9.0.
• Android Holo Theme look: Light with Dark action bar (full), Dark (full), and Light.
• Toast messages.
• Share intent.
• Google Play Store intent.
• Home button simulator.
• Retrieve current package version that is set in the manifest file.
• Navigation Drawer.

Requirements

• Android 2.3.3 and higher. Android 4.0.x may have some small different behaviours in the GUI compared to 2.3.x and 4.1.x and higher.
• It is an Eclipse project, so you need to use Eclipse or convert the project to another IDE.

Included resources

• Gimp images files (XCF) 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

Pending work

- Upgrade to jQuery Mobile 1.4.0. - Upgrade to PhoneGap 3.1.x.

Change-log

2013-10-24

- Added event (swipe to right) to open left panel menu.

2013-10-04

- Bit better screen estate usage for smaller tablets. - Added Holo Light theme header and icons (theme complete now). - Improved theme. Also included a picture of all jQuery Mobile theme swatches. - Moved JavaScript and onclick listeners from HTML files to JavaScript files. - Changed function "getPackageVersion" to a callback function. - Renamed jpHolo related JavaScript libraries and CSS files. - Added PhoneGap plugin: AndroidPreferences. - Added PhoneGap plugin: BackgroundService ( https://github.com/Red-Folder/Cordova-Plugin-BackgroundService ), with thanks to Red-Folder. - Added Android Service feature (based on plugin BackgroundService) to demonstrate the way how to incorporate a service in a web-app. - Reinstated the back-button handling to before. HomeButton plugin is still included, but not used.

2013-09-05

- Changed PhoneGap plugins a bit with logging (nothing special). - Back-button does not exit app any more, but push it to background (saves reloading). When Android does not have enough memory it will eventually push the app out of memory.

2013-09-02

- When left panel opens the header icon changes to the opened style. Like Google meant it. - Included 2 new image files because of the change above. - When a panel opens, non-contextual action bar buttons hide (and show when panel closes). Like Google meant it :). - Changed energize.js a bit. Anchor tags aren't speed up now to prevent click events being fired twice. Moved from minified version to normal version. - Added a note to application.smartphone.css when using virtual keyboard in your app.

2013-08-14

- Improved click energizer (energize-min.js). - Completed all references on homepage. - Remove jQuery Mobile pop-up. - Removed not needed files.

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 behaviour 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/