Wie kann ich das ändern das UIWebView Hintergrundfarbe nach Abrutschen UIWebView zu beheben, die iOS7 status bar overlay-Problem?

Schreibe ich eine Phonegap 3.0+ app.

Gibt es ein Problem mit der status bar überlappende Ansichten in iOS7 die Benutzer Ludwig Kristoffersson, sofern eine funktionierende Antwort hier

Nun, dass ich UIWebView mit einem 20px oberen Rand, wie kann ich das ändern das UIWebView Hintergrundfarbe? Ich brauche den Bereich hinter der Statusleiste, um die gleiche hintergrund Farbe wie das "people" - Symbolleiste.

Habe ich fast keine Erfahrung in Objective-C, und habe auf der Suche durch möglich, SO Fragen zu finden, eine funktionierende Lösung, aber ohne Erfolg.

UIWebView Hintergrundfarbe

UIWebView hintergrund gesetzt, um die Klare Farbe, aber es ist nicht transparent

Unten ist der code, den ich bisher ausprobiert habe:

- (void)viewWillAppear:(BOOL)animated {
    //Lower screen 20px on ios 7
    if([[[UIDevice currentDevice] systemVersion] floatValue] >= 7) {
        CGRect viewBounds = [self.webView bounds];
        viewBounds.origin.y = 20;
        viewBounds.size.height = viewBounds.size.height - 20;
        self.webView.frame = viewBounds;
        [self.webView setOpaque:YES];

        //neither of these seem to work when uncommented:
  //   [self.webView setBackgroundColor:[UIColor grayColor]];
  //   self.webView.backgroundColor=[UIColor grayColor];
        }
    [super viewWillAppear:animated];
    }

UPDATE 1

- (void)viewWillAppear:(BOOL)animated
{
//Lower screen 20px on ios 7
if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7) {
    CGRect viewBounds = [self.webView bounds];
    viewBounds.origin.y = 20;
    viewBounds.size.height = viewBounds.size.height - 20;
    self.webView.frame = viewBounds;

    self.webView.backgroundColor = [UIColor grayColor];
    self.webView.opaque=NO;
}
[super viewWillAppear:animated];
}

Dass immer noch zu geben scheint mir ein weißer hintergrund hinter der status-bar, die eher als Grau.

Das Ergebnis ich hoffe, dass ist so:
Wie kann ich das ändern das UIWebView Hintergrundfarbe nach Abrutschen UIWebView zu beheben, die iOS7 status bar overlay-Problem?

InformationsquelleAutor Paul | 2013-10-17

14

Ändern Sie die Opaque-Eigenschaft auf NEIN und überprüfen, wie diese :
```
self.webView.backgroundColor = [UIColor grayColor];
self.webView.opaque=NO;
```
seine arbeiten gut für mich.
- bitte Lesen Sie meine "Update 1" vor
- ändern Sie die Farbe und check/
- Antwort aktualisiert, ändern Sie die Farbe und einmal überprüfen.
- seltsam... ich geändert Graufarbe und greenColor, nur um zu testen. Ich habe versucht, die Reinigung der Projekt mehrere mal und auf meinen iPad, iPhone und simulator, sondern kann nur den hintergrund, um zu zeigen wie weiß. Könnte es sein, etwas Phonegap ist Einstellung später irgendwo?
- Sind Sie mit dem hinzufügen der web-Ansicht programmgesteuert ändern?
- Ich bin mir nicht sicher. Das Xcode-Projekt ist nur ein out of the box Phonegap 3.0 build
- Sind Sie sicher, dass über die hintergrund Farbe auf Grau umgestellt? Da der code ähnelt klare Farbe. Und stellen Sie sicher, dass Ihr code funktioniert nur in IOS 7 wie pro Ihre Bedingung.
- Sorry, mein "Update 1" hat sich ein Tippfehler. Ich habe versucht mit der folgenden geändert: self.webView.backgroundColor = [UIColor grayColor]; self.webView.opaque=NO; und self.webView.backgroundColor = [UIColor greenColor]; self.webView.opaque=NO; Mein iPhone und iPad läuft iOS7.0.2 und ich kann sehen, dass die Marge ändern, die bestätigt, dass ich zu erreichen bin, dass code-Abschnitt. Alles, was ich sonst noch fehlen könnte?
- Beim laden der URL sind immer die, während im hintergrund immer noch rechts? Oder Sie müssen ändern Sie den hintergrund der web-Ansicht, nachdem der Inhalt geladen?
- Wahrscheinlich wäre es gut, wenn die WebView-hintergrund ist immer Grau
- Dieser code wird gesetzt, die Hintergrundfarbe der web-Ansicht beim laden der URL. Sobald der Inhalt geladen bekommen in den web-anzeigen, web-anzeigen-hintergrund wird sich ändern, basierend auf den URL-Inhalte.
- aber die webview wurde nach unten gedrückt, indem 20px wenn >=ios7. Ich denke, die Frage ist, wo kann ich die Farbe, die 20px margin-top, die jetzt existiert - ich dachte, die Gegend war webview, aber vielleicht ist es mit der Sicht. Wieder - meine Objective C-Erfahrung ist sehr minimal, also ich bin mir nicht sicher
- Danke Ganapathy, Ihr letzter Kommentar zu mir geführt hast um die Antwort zu finden. Ich brauchte, um die Hintergrundfarbe zu ändern in der Hauptansicht, nicht das UIWebView selbst. Ugh.. dummer Fehler
- Ok.Gehen Sie vor..............
- Verwirrende Frage meinerseits - danke für die Hilfe obwohl
InformationsquelleAutor Ganapathy
10

So erkannte ich, dass der code schiebt die UIWebView 20px nach unten. Was bedeutet, dass der Leerraum durch die definition nicht UIWebView. Der weiße Raum ist die Hauptansicht, die ich verändert die Hintergrundfarbe, indem Sie die folgenden Schritte aus:

1. Gehen Sie zu MainViewController.xib:

2. Wählen Sie in der Hauptansicht:

3. Zeigen Sie die Attribute inspector und die Farbe ändern. Getan.

Offensichtlich ist jetzt, dass ich darüber nachdenke, aber ich hoffe, dies hilft jemand in der Zukunft.

InformationsquelleAutor Paul
1

Dies ist die Arbeit für Cordova 3 und Cordova 2.9

So, nachdem Sie Ihre app-die Hintergrundfarbe per CSS so:
```
 body{
   background-color: #000;
 }
```
Gehen Sie zu Ihrem CordovaXlib.xcode.proj und suchen Sie sich Ihren "Klassen" - Ordner
MainViewController.m
Zeile#142

Kommentieren Sie die "webViewDidStartLoad" - Methode oder-Funktion, und fügen Sie einfach
```
  self.webView.opaque=NO;
```
So haben Sie so etwas wie dieses:
```
 - (void) webViewDidStartLoad:(UIWebView*)theWebView
 {
    self.webView.opaque=NO;
    return [super webViewDidStartLoad:theWebView];
 }
```
InformationsquelleAutor d1jhoni1b
1

Cordova 3.5 setzt die Hintergrundfarbe in MainViewController.m's (void)webViewDidFinishLoad:(UIWebView*)theWebView:
```
theWebView.backgroundColor = [UIColor blackColor];
```
Ändern oder auskommentieren der Zeile erfolgreich mir erlaubt, ändern Sie die Farbe der iOS-Bildschirm hinter dem webview.

Dank bar54 für diese Lösung.

InformationsquelleAutor Dave Liepmann
0

Alternativ, setzen Sie einen 20px Abstand auf den Körper der HTML-innen Ihre UIWebView, und dann die hintergrund Farbe in der CSS gehen den ganzen Weg an die Spitze.
```
function onDeviceReady() {
    if (parseFloat(window.device.version) === 7.0) {
          document.body.style.marginTop = "20px";
    }
}

document.addEventListener('deviceready', onDeviceReady, false);
```
Beachten Sie, dass Ihre app benötigen Sie das Gerät plugin Hinzugefügt, für diese zu arbeiten.
- Dank Sam. Das ist das, was ich ursprünglich verwenden. Die Natur von einigen meiner Ansichten (Scrollbar, mit Texteingabefelder, die auch scrollbare) bedeutete, dass die zusätzlichen Körper-Marge würde manchmal oben schieben. Ich habe versucht, overflow-y auf hidden, aber konnte immer noch nicht umgehen. Schätzen den input aber.
InformationsquelleAutor Sam Thompson

Fügen Sie den folgenden CSS-Definitionen:

#ios7statusbar {
  width:100%;
  height:20px;
  background-color:white;
  position:fixed;
  z-index:10000;
}
.ios7 .ui-page, .ios7 .ui-header, .ios7 .ui-pane {
  margin-top: 20px;
}

Fügen Sie eine JavaScript-basierten user-agent-Erkennung, um Ihre app-Initialisierung:

if (navigator.userAgent.match(/(iPad.*|iPhone.*|iPod.*);.*CPU.*OS 7_\d/i)) {
  $("body").addClass("ios7");
}

InformationsquelleAutor Mo.

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.