Question

So I have a UIView which has a UIWebView and I want so that it fades in to a white background from any kind of web site that I have opened. How do I do this? I guess having:

  [webView_ loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"about:blank"]]];

in my animation block doesn’t help. Any idea?

Answer 1

I’m not a web developer, so I can’t speak to how you might go about this using JavaScript, CSS, HTML, or anything else related.

I am an iOS developer, and I like the clevery stuff. You could add a transparent UIView on top of your webview, and animate a transition to opaque white, like so:

-(void)whiteout {
   UIView *superview = [webview superview]; // or [webview window];
   UIView *whiteout = [[UIView alloc] initWithFrame:webview.frame];
   whiteout.backgroundColor = [UIColor clearColor];
   [superview addSubview:whiteout];
   [superview bringSubviewToFront:whiteout];

   [UIView beginAnimations:@"whiteout" context:nil];
   [UIView setAnimationCurve:UIViewAnimationCurveEaseOut];
   [UIView setAnimationDuration:1.0];
   whiteout.backgroundColor = [UIColor whiteColor];
   [UIView commitAnimations];
}

I think this will work, though I haven’t tried it.