There are an increasing number of apps that use UIWebView in the app, like LikeALittle. Instagram's "Notes" view also uses UIWebview, and it behaves stunningly similar to the native view.
What customizations do you need to make to the JS, and are there any best practices or tutorials for achieving a good native-like UX in the UIWebview?
You can try one of the severals framework created with mobile propose, like JQuery Mobile, JQTouch or Sencha Touch.
Have a look at jQuery Mobile
Related
I'm starting developing apps on iPhone, and I was wondering if you helping me with this.
Instagram App, Foursquare App both uses Navigation Buttons Bar at the bottom? Or is just a fancy navigation bar made in CSS and everything is loaded as a html in UIWebView.
It can be as fancy as you want and doesn't mean it's not native. The out-of-the-box controls and UI we are all familiar with are not the only option, you can subclass or even create your own "tab bar" from scratch if you want to.
These apps are using native code, not HTML/CSS
Grab class-dump and find it out yourself!
(...most likely, these great enterprises wouldn't hire developers who dare making a 'native' iOS app using UIWebView and HTML...)
I am looking for a jquery plugin that navigates to other pages of a website using a sliding animation similar to some iphone apps. I tried designing this on my own but I could not get it to work.
Here is an example of what I need:
(on pressing the button)
Did you have a look at JQuery Mobile? It mimics a lot of the iPhone animations, and it will run on non-mobile browsers as well as mobile browsers. For instance, http://jquerymobile.com/demos/1.1.1/docs/pages/page-transitions.html has a "Slide" transition that you can demo.
You could try sencha touch, never used it personally but appears to do what you want.
Demo: http://dev.sencha.com/deploy/touch/examples/production/kitchensink/#menu/animations
Download: http://www.sencha.com/products/touch/
There's also JQtouch a quick google will find that (as I cant post the link because of low reputation)
Here is a screenshot from app named Downloads lite, it seems like intergrate safari into it's interface, I guess it just simulate the UI from safari.
I'm trying to use UIWebView to display web page, but I don't know how to implement the bule progress bar background and address bar drap disabled when loading
SVWebViewController is pretty much what you are looking for. Hope it helps...
Is it possible to detect touches on an HTML5 in a UIWebView on the iPhone?
Yes; there are several ways and frameworks which help you do this:
jQuery Mobile
jQTouch
Using events like ontouchend / ontouchstart / ontouchmove
Both of those mobile frameworks are pretty straight forward, should be able to get going rather quick.
Good luck!
I am building a website which provides support on Iphone also. I am using JQTouch jquery library(www.jqtouch.com) which provides multi-touch functionality like swipe, flip, back page.
It would be great to hear from you guys on how to extend zoom-in and zoom-out functionality for photos. Does JQTouch provide any readymade function for the same. Also I would like to hear more on the touch screen functionality that I could use more in my application.
Thanks in advance!
The JQTouch library specifically disables resizing the viewport, so you would not be able to use this for zooming in on photos. See this post which talks about performance, but also mentions that they disable the viewport resizing: http://blog.jqtouch.com/post/205113875/milliseconds-responsiveness-and-the-fast-tap
Normally this effect is achieved by using css techniques or a plugin like this.
You show a small version of an image and on mouse over and move, show a portion of a blown up version.
Here's a good jQTouch extension and demo for pinch, zoom, rotate and very flexible too: http://www.reddit.com/r/iphone/comments/bhkx3/jqtouch_gestures_extension_multitouch_events_and/
Basically you get to combine these events however you want.