반응형
Android example app with PhoneGap and JQM in Holo style
http://teusink.blogspot.kr/2013/04/android-example-app-with-phonegap-and.html
※ PhoneGap + JQuery Mobile + JQuery + energize.js
this example app is to have a some sort of a template to make a new app very fast, based on the technologies supplied by PhoneGap and jQuery Mobile, using web-technology.
Details
Frameworks:
- Suitable for Android 2.3.3 and higher. API level 10 and up to be more technical :).
- PhoneGap 2.7.0.
- jQuery 1.9.1
- jQuery Mobile 1.3.1
Plugins for jQuery Mobile:
- Energize.js (to speed up the tap and click events in the app)
Plugins for PhoneGap:
- Toast (to show android toasts)
- Share (to send a share intent)
Features in this example app:
- Holo theme. Dark, light with dark header and light with light header. The last one ain't very worked out yet, but it should give you a heads up start. The header features the same style as a native app including press effects.
- Panel menu like the Google Plus app. Tap on title to open and tap outside panel menu to close. You can also swipe to left to close. Upon first boot the panel menu opens and closes for a brief second automatically, to demonstrate where the menu is. Panel menu content is defined only once, in the javascript.
- Of course the use of the plugins Share and Toast.
- Native Android like back-button behavior.
- Supplied Gimp image files (xcf files) to easy edit the icons to your liking.
Notice: the Holo theme is almost like and very inspired by Holo for Android. It is not exactly the same for 100% as native.
Screenshots of the interface
Additional info
- Very nice icon pack (for a one time small charge though): http://www.androidicons.com/
- Energize plugin: https://github.com/davidcalhoun/energize.js
- jQuery Mobile: http://jquerymobile.com/
- PhoneGap: http://phonegap.com/
- More info about Toast and Share plugin can be found on my blog.
Download
You can download the package by clicking here. If you have any questions, please let me know!
반응형
'프로그래밍 > Script' 카테고리의 다른 글
| [Design] Ultimate Guide to Flat Website Design (0) | 2013.06.24 |
|---|---|
| Gif.js — JavaScript GIF encoding (0) | 2013.06.24 |
| energize.js - A tiny JavaScript snippet to make links snappy on touch devices (0) | 2013.06.20 |
| React — A JavaScript UI library (0) | 2013.06.20 |
| JSHint 2.0 — JavaScript error detection (0) | 2013.06.20 |
