Comment faire un transparent UIWebView

J'ai une application avec une UITableView et un correspondant de l'affichage des détails pour chaque ligne. Dans la vue de détail, je dois afficher un texte et une image de fond (le texte est différent pour chaque ligne, mais l'image reste la même). La façon la plus simple, à mon avis, est de mettre le texte dans une .rtf fichier et l'afficher dans un UIWebView. Ensuite, il suffit de mettre un UIImageView derrière la UIWebView.

J'ai essayé de définir le UIWebViews'opacité à zéro de l'IB, mais il n'a pas aidé.

Pouvez-vous m'aider?

InformationsquelleAutor Knodel | 2010-09-05
  1. 301

    Je recommande:

    webView.opaque = NO;
webView.backgroundColor = [UIColor clearColor];

    (la définition de ces propriétés dans Interface Builder va travailler pour iOS 5.0+, mais pour iOS 4.3 vous devez définir la backgroundColor dans le code)

    Et de les inclure dans votre code HTML:

    <body style="background-color: transparent;">
    • Fonctionne sur iOS 5. Au moins dans le simulateur.
    • ne fonctionne pas pour moi en iOS 5
    • J'ai été en mesure de définir l'opacité et de la backgroundColor de l'IB. Pour moi, le style de la balise était ce qui était de garder ce travail.
    • de cette façon, les œuvres de 4.2.1 si vous écrivez ces chaînes sous forme de code seulement. Si vous configurez les mêmes options dans iterface constructeur que vous ne serez pas obtenir un arrière-plan transparent
    • Le <body style="background-color: transparent;"> semble être en option, au moins dans les dernières versions iOS.
    InformationsquelleAutor Ortwin Gentz
  2. 21

    Utiliser la méthode récursive ci-dessous pour supprimer le gradient de l'UIWebView:

    [webView setBackgroundColor:[UIColor clearColor]];
[self hideGradientBackground:webView];


- (void) hideGradientBackground:(UIView*)theView
{
  for (UIView * subview in theView.subviews)
  {
    if ([subview isKindOfClass:[UIImageView class]])
      subview.hidden = YES;

    [self hideGradientBackground:subview];
  }
}
    • travaille pour moi dans le simulateur. N'ai pas testé sur l'appareil encore.
    • Il va travailler sur l'appareil trop!!!!
    • ne pas oublié d'écrire webView.opaque = NON;
    • souhaite que je pourrais vous votez comme 10 fois sur celui-ci!
    • Euh, ce "gradient" parlons-nous ici?
    InformationsquelleAutor Nilesh Kikani
  3. 7

    Swift mise à jour:

    webView.opaque = true
webView.backgroundColor = UIColor.clearColor()

    Et encore une fois, n'oubliez pas de mettre

    <body style="background-color: transparent">

    Ou, mieux encore, au lieu de style en ligne, dans votre feuille de style:

    body {
     background-color: transparent
}
    • Je n'ai pas besoin de définir le corps de style. Mais j'ai dû mettre la couleur de fond et opaque dans le code.
    InformationsquelleAutor kmiklas
  4. 5

    Pour Swift 3 et Xcode 8 

    self.webView.isOpaque = false;
self.webView.backgroundColor = UIColor.clear
    InformationsquelleAutor Museer Ahamad Ansari
  5. 4

    Dans XCode 6.x décochez Opaque et changement Fond de l'opacité à 0%. Je pense que d'autres versions de XCode fonctionnera également.Comment faire un transparent UIWebView

    InformationsquelleAutor Pyae Thu Aung
  6. 3

    J'ai pu faire mon UIWebView transparent en allant dans "Attributs de l'Inspecteur" et en décochant l'option de Dessin Opaque.

    Mon code HTML juste pour la référence.

        UIWebView* webView =(UIWebView *) [cell viewWithTag:100];
    NSString* htmlContentString = [NSString stringWithFormat:
                                   @"<html>"
                                   "<style type='text/css'>html,body {margin: 0;padding: 0;width: 100%%;height: 100%%;}</style>"
                                   "<body>"
                                   "<table style='border:1px solid gray; border-radius: 5px; overflow: hidden;color:white;font-size:10pt' cellspacing=\"0\" cellpadding=\"1\" align='right'><tr>"
                                   "<td>Hello</td><td>There</td>"
                                   "</tr></table>"
                                   "</body></html>"
                                   ];
    [webView loadHTMLString:htmlContentString baseURL:nil];
    InformationsquelleAutor Xavier John
  7. 0

    Pour supprimer les parchemins et de faire de la UIWebView transparent, essayez ce code ci-dessous:

    webView.opaque = NO;  
webView.backgroundColor = [UIColor clearColor];  

for(UIView *view in webView.subviews){   
     if ([view isKindOfClass:[UIImageView class]]) {  
          //to transparent   
          [view removeFromSuperview];  
     }  
     if ([view isKindOfClass:[UIScrollView class]]) {  
          UIScrollView *sView = (UIScrollView *)view;  
          //to hide Scroller bar 
          sView.showsVerticalScrollIndicator = NO;  
          sView.showsHorizontalScrollIndicator = NO;
          for (UIView* shadowView in [sView subviews]){  
               //to remove shadow  
               if ([shadowView isKindOfClass:[UIImageView class]]) {  
                    [shadowView setHidden:TRUE];  
               }  
          }  
     }   
}
    InformationsquelleAutor damithH