ansaurus

Question

Can't change background for UIWebView in iPhone SDK

Answer 1

A:

Yes, it seems setting the backgroundColor property has no effect on the UIWebView.

I don't have a satisfactory solution, only a workaround that you can consider.

First change the background color, by setting an initial empty HTML page
Once that has loaded, you load your main URL (e.g. http://www.apple.com)

If you don't wait for the initial HTML page to load, you might not see the initial background while the main URL is loading. So you'll need to use the UIWebViewDelegate's webViewDidFinishLoad: method. You can implement that method in your Web_ViewViewController class, and make your Web_ViewViewController conform to the UIWebViewDelegate protocol. Initially, there is still a momentary flicker of white background until the empth HTML page loads. Not sure how to get rid of that. Below is a sample:

- (void)viewDidLoad
{
    [web loadHTMLString: @"<html><body bgcolor=\"#0000FF\"></body></html>" baseURL: nil];
    web.delegate = self;
}

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
    static BOOL loadedMainURLAlready = NO;
    if (!loadedMainURLAlready)
    {
        NSURL *clUrl = [NSURL URLWithString:@"http://apple.com"];
        NSURLRequest *req = [NSURLRequest requestWithURL:clUrl];
        [webView loadRequest:req];
        loadedMainURLAlready = YES;
    }
}

pythonquick 2009-10-10 05:46:08

yes, I am doing something similar to that already and I hate this white flicker, no matter how quick it is!I did find some solutions of making view transparent, I will play around with it.But I am not sure why UIWevView can't take background color!Thank you, for answering!

leon 2009-10-10 17:23:47

Answer 2

+9 A:

Give this a try. It will fade the UIWebView in once it has finished loading and you won't see the flash.

@interface Web_ViewViewController : UIViewController <UIWebViewDelegate> {

UIWebView *web;
BOOL firstLoad;
}

@property (nonatomic, retain) IBOutlet UIWebView *web;
@end

...

(void)viewDidLoad {
    [super viewDidLoad];
    firstLoad = YES;
    web.delegate = self;
    web.alpha = 0.0;
    NSURL *clUrl = [NSURL URLWithString:@"http://www.apple.com"];
    NSURLRequest *req = [NSURLRequest requestWithURL:clUrl];
    [web loadRequest:req];
}

- (void)webViewDidFinishLoad:(UIWebView *)webView {
if (firstLoad) {
    firstLoad = NO;
    [UIView beginAnimations:@"web" context:nil];
    web.alpha = 1.0;
    [UIView commitAnimations];
    }
}

The animation block in webViewDidFinishLoad will fade the view in once it's loaded, or if you prefer to have it pop on then just remove the UIView calls.

Adolfo 2009-10-12 05:14:13

Answer 3

+5 A:

You can set the opaque property of the webview to NO and then set background color of the view beneath.

[webView setOpaque:NO];

Kaveh 2010-03-12 13:14:56

together with`webView.bakgroundColor = [UIColor clearColor]`

stigi 2010-07-14 14:52:22

Answer 4

A:

Try this out. I have used a background image "address.png" from my application resources.

NSString *path=[[NSBundle mainBundle] pathForResource:@"address" ofType:@"png"];

NSURL *a=[[NSURL alloc] initFileURLWithPath:[path stringByDeletingLastPathComponent] isDirectory:YES];


NSLog(@"%@",[a description]);

NSDictionary *d=[parsedarray objectAtIndex:0];
// generate dynamic html as you want.
NSMutableString *str=[[NSMutableString alloc] init];
[str appendString:@"<html><body background=\"address.png\"><table><tr>"];
[str appendFormat:@"<td valign=\"top\" align=\"left\"><font size=\"2\"><b>Market Address</b><br>%@,<br>%@,<br>%@</font></td>",
             ([d valueForKey:@"address1"])?[d valueForKey:@"address1"]:@"",
             ([d valueForKey:@"address2"])?[d valueForKey:@"address2"]:@"",
             ([d valueForKey:@"address3"])?[d valueForKey:@"address3"]:@""
             ];

[str appendFormat:@"<td valign=\"top\" align=\"left\"><font size=\"2\"><b>Contact Number</b><br>%@<br><b><a href=\"%@\">Email Us</a><br><a href=\"%@\">Visit Website</a></b></font></td>",
[d valueForKey:@"phone"],[d valueForKey:@"email"],[d valueForKey:@"website"]];
[str appendString:@"</tr></table></body></html>"];


// set base url to your bundle path, so that it can get image named address.png 
[wvAddress loadHTMLString:str baseURL:a];

[str release]; str=nil;
[a release];

sugar 2010-04-14 07:12:32

Answer 5

A:

None of the answers here worked for me, they all involved still some sort of flash. I found a working answer here: http://www.iphonedevsdk.com/forum/iphone-sdk-development/4918-uiwebview-render-speeds-white-background.html (I had to adjust the delay to .25 to avoid the flashing). Remember to check the UIWebView's "hidden" flag in InterfaceBuilder.

- (void)webViewDidFinishLoad:(UIWebView *)webView 
{
    [self performSelector:@selector(showAboutWebView) withObject:nil afterDelay:.25];          
}

- (void)showAboutWebView 
{
    self.infoWebView.hidden = NO;
}

Bogatyr 2010-05-10 18:31:22

Answer 6

A:

Try this, works for me:

In view controller viewDidLoad add

[webView setHidden:YES];

then add these methods in view controller .m file also

-(void)webViewDidStartLoad: (UIWebView *)pageView {

[activityIndicator startAnimating];

}

-(void)webViewDidFinishLoad: (UIWebView *)pageView {

[activityIndicator stopAnimating]; 

[webView setHidden:NO];

}

you can delete the activityIndicator in both methods unless you want to use this. So, this hides the view when its loading and only shows it when fully loaded. Combined with activityIndicator its really effective

Neill 2010-05-21 20:27:07

ansaurus

tags:

views:

answers:

Can't change background for UIWebView in iPhone SDK

related questions