Je développe une application iOS 4 à l'aide de la dernière version du SDK iOS et de XCode 4.2.
J'ai un XIB avec un UIWebView
avec Alpha = 1.0 , Background réglé sur Clear Color et Opaque n'est pas défini. Sur ce XIB, je configure une image en arrière-plan avec ce code:
- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
if (self) {
UIColor *background = [[UIColor alloc] initWithPatternImage:[UIImage imageNamed:@"AboutBackground.png"]];
self.view.backgroundColor = background;
[background release];
}
return self;
}
La UIWebView
affiche un code HTML statique:
<html><head></head><body style=\"margin:0 auto;text-align:center;background-color: transparent; color:white\">...</body></html>
Sur le simulateur iOS 5, son arrière-plan est transparent, mais sur un périphérique iOS 4, le fond est gris.
Un indice?
Également fixé:
[webView setBackgroundColor:[UIColor clearColor]];
[webView setOpaque:NO];
/*for ios please set this*/
[webViewFirst setOpaque:NO];
/*for html please set this*/
<body style="background:none">
En plus de définir une couleur claire pour l'arrière-plan de votre vue Web, assurez-vous également de définir opaque sur false.
webView.opaque = NO;
webView.backgroundColor = [UIColor clearColor];
Vous pouvez essayer ce code (je sais que c'est dangereux, mais cela fonctionne même pour ios5):
- (void)makeBodyBackgroundTransparent {
for (UIView *subview in [webView subviews]) {
[subview setOpaque:NO];
[subview setBackgroundColor:[UIColor clearColor]];
}
[webView setOpaque:NO];
[webView setBackgroundColor:[UIColor clearColor]];
}
NSString *content=@"example clear background color UIWebview";
NSString *style=[NSString stringwithformat:@"<html><head><style>body {background-color:transparent;}</style></head><body>%@</body></html>",content];
[myWebview loadhtmlstring:style baseurl:nil];
Pour objectif
webView.opaque = NO;
webView.backgroundColor = [UIColor clearColor];
Assurez-vous d'inclure ceci dans votre code HTML:
<body style="background-color: transparent;">
ou
<body style="background:none">
Dernière version de Swift (si nécessaire):
lazy var webView: UIWebView = {
let view = UIWebView()
view.delegate = self
view.backgroundColor = .clear
view.isOpaque = false
return view
}()
Supprimer la ligne de délégué si non requis