An application template based on jQuery Mobile and PhoneGap, featuring an Android Holo styled interface.
- 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.
- 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.
- Gimp images files (XCF) to make your own PNG/JPG files.
- Full HTML, CSS, and JavaScript sources.
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
- Upgrade to jQuery Mobile 1.4.0. - Upgrade to PhoneGap 3.1.x. - Added event (swipe to right) to open left panel menu. - 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. - 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. - 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. - Improved click energizer (energize-min.js). - Completed all references on homepage. - Remove jQuery Mobile pop-up. - Removed not needed files. - Improved logging commands (console.info, console.warn, console.error, instead of console.log only). - Footer action buttons height fix. - 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). - Add the new (and all) Roboto TrueType fonts. - Improved icon images with new Roboto font. - Improved CSS a bit due to new fonts. - Upgrade to jQuery Mobile 1.3.2. - Paved the way for PhoneGap 3.0.0. Project is still using PhoneGap 2.9.0. - 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 - 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) - Added to GitHub public repo now - Added tablet view support. - Improved Holo colors. - Changed app to remove the blink issue (meta viewport). App now functions without blinking. - PhoneGap 2.7.0 - Improved JavaScript code with JSLint - Changed panel behaviour to the official Google style presented at Google I/O 2013. - Initial releaseThis 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/