iOS 7 Statusleiste mit Phonegap

Neben Ludwig Kristoffersson resize-fix, ich empfehle die änderung status bar Farbe:

- (void)viewDidLoad
{
    [super viewDidLoad];
    //Do any additional setup after loading the view from its nib.

    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.view.backgroundColor = [UIColor blackColor];
}
-(UIStatusBarStyle)preferredStatusBarStyle{
    return UIStatusBarStyleLightContent;
}

InformationsquelleAutor der Antwort Alex L

Ausblenden, Statusleiste, fügen Sie den folgenden code in die Datei MainViewController.m unter der Funktion -(void)viewDidUnload

- (BOOL)prefersStatusBarHidden
{
    return YES;
}

InformationsquelleAutor der Antwort markmarijnissen

Geh mal in den app (app name)-Info.plist Datei in XCode und fügen Sie die Tasten

view controller-based status bar appearance: NO
status bar is initially hidden : YES

Dieser funktioniert bei mir ohne problem.

InformationsquelleAutor der Antwort dk123

Ich mein problem lösen durch die Installation der org.apache.cordova.statusbar und das hinzufügen in meine top config.xml:

<preference name="StatusBarOverlaysWebView" value="false" /> 
<preference name="StatusBarBackgroundColor" value="#000000" />
<preference name="StatusBarStyle" value="lightcontent" />

Diese Konfigurationen nur für iOS 7+

Referenz:
http://devgirl.org/2014/07/31/phonegap-developers-guid/

InformationsquelleAutor der Antwort mayconbelfort

Verwende ich das folgende Stück code, um eine Klasse für den Körper, wenn iOS7 erkannt wird. Ich habe dann Stil, der Klasse und dem hinzufügen einer 20px Marge an der Spitze von meinem container. Stellen Sie sicher, dass Sie die "Gerät" - plugin installiert ist und dass dieser code ist in das "deviceready" event.

Aus der Lektüre auf, ich habe gehört, dass das nächste update auf Phonegap (3.1 glaube ich) eine bessere Unterstützung der änderungen in iOS7 status bar. Also das kann nur erforderlich sein, als eine Kurzfristige Korrektur.

if(window.device && parseFloat(window.device.version) >= 7){
  document.body.classList.add('fix-status-bar');
}

InformationsquelleAutor der Antwort Ryan

Einen anderen Weg geht abwärtskompatibel. Machen Sie den HTML nach iOS 7 (mit einer extra-20px margin-top) zu geben, der full screen den look und den Schnitt, der extra-Marge-off für iOS < 7.0. Etwas wie das folgende in MainViewController.m:

- (void)viewDidLoad
{
  [super viewDidLoad];

  if ([[[UIDevice currentDevice] systemVersion] floatValue] < 7.0) {
    CGRect viewBounds = [self.webView bounds];
    viewBounds.origin.y = -20;
    viewBounds.size.height = viewBounds.size.height + 20;
    self.webView.frame = viewBounds;
  }
}

Diese Lösung wird nicht verlassen, ein schwarzer Balken auf die Oberseite für iOS 7.0 und oben, was eine moderne iOS-Nutzer finden ungeraden und alten.

InformationsquelleAutor der Antwort tipycalFlow

wenn wir die Kamera-plugin für eine Bildergallerie, die Statusleiste wird wieder kommen, so zu beheben, dass Problem bitte fügen Sie diese Zeile

 [[UIApplication sharedApplication] setStatusBarHidden:YES withAnimation:UIStatusBarAnimationNone];

zu

- (void)imagePickerController:(UIImagePickerController*)picker didFinishPickingMediaWithInfo:(NSDictionary*)info {...}

Funktion innerhalb CVDCamera.m in der plugins Liste

InformationsquelleAutor der Antwort Arjun T Raj

Halten die status bar sichtbar in der Porträt -, sondern verstecken es in der Landschaft (d.h. fullscreen), versuchen Sie Folgendes:

In MainViewController.h:

@interface MainViewController : CDVViewController
@property (atomic) NSInteger landscapeOriginalSize;
@property (atomic) NSInteger portraitOriginalSize;
@end

In MainViewController.m:

@implementation MainViewController

@synthesize landscapeOriginalSize;
@synthesize portraitOriginalSize;

...

- (void)viewWillAppear:(BOOL)animated
{
    //View defaults to full size.  If you want to customize the view's size, or its subviews (e.g. webView),
    //you can do so here.

    [super viewWillAppear:animated];

    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(orientationChanged:) name:UIDeviceOrientationDidChangeNotification object:nil];
}

- (void)orientationChanged:(NSNotification *)notification {
    [self adjustViewsForOrientation:[[UIApplication sharedApplication] statusBarOrientation]];
}

- (void)viewDidDisappear:(BOOL)animated {
    [[NSNotificationCenter defaultCenter]removeObserver:self name:UIDeviceOrientationDidChangeNotification object:nil];
}

- (void) adjustViewsForOrientation:(UIInterfaceOrientation) orientation {
    if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7) {
        CGRect statusBarFrame = [UIApplication sharedApplication].statusBarFrame;
        CGRect frame = self.webView.frame;

        switch (orientation)
        {
            case UIInterfaceOrientationPortrait:
            case UIInterfaceOrientationPortraitUpsideDown:
            {
                if (self.portraitOriginalSize == 0) {
                    self.portraitOriginalSize = frame.size.height;
                    self.landscapeOriginalSize = frame.size.width;
                }
                frame.origin.y = statusBarFrame.size.height;
                frame.size.height = self.portraitOriginalSize - statusBarFrame.size.height;
            }
                break;

            case UIInterfaceOrientationLandscapeLeft:
            case UIInterfaceOrientationLandscapeRight:
            {
                if (self.landscapeOriginalSize == 0) {
                    self.landscapeOriginalSize = frame.size.height;
                    self.portraitOriginalSize = frame.size.width;
                }
                frame.origin.y = 0;
                frame.size.height = self.landscapeOriginalSize;
            }
                break;
            case UIInterfaceOrientationUnknown:
                break;
        }

        self.webView.frame = frame;
    }
}

- (void)viewDidLoad
{
    [super viewDidLoad];

    //Do any additional setup after loading the view from its nib.

    //Change this color value to change the status bar color:
    self.view.backgroundColor = [UIColor colorWithRed:0/255.0f green:161/255.0f blue:215/255.0f alpha:1.0f];
}

Dies ist eine Kombination von dem, was ich gefunden habe in dieser und den verlinkten StackOverflow-Diskussion, einige code aus der Cordova StatusBar plugin (damit Sie nicht zu fest die 20px-Wert), und einige Beschwörungen für meinen Teil (ich bin kein iOS dev also ich suchte meinen Weg zu dieser Lösung).

InformationsquelleAutor der Antwort matb33

Der beste Weg, um die Kontrolle Status Bar background - 2017

Nach andauernder frustration, viel Suche auf dem Internet, diese sind die Schritte, die Sie ergreifen müssen:

1. Stellen Sie sicher, dass Sie verwenden Status Bar Plugin
2. Fügen Sie diese Einstellung, um Ihre config.xml:

< preference name="StatusBarOverlaysWebView" value="false" />

1. Verwenden Sie den folgenden code auf onDeviceReady

       StatusBar.show();
       StatusBar.overlaysWebView(false);
       StatusBar.backgroundColorByHexString('#209dc2');

Es funktioniert für mich in iOS & Android.

Glück!

InformationsquelleAutor der Antwort Niv Asraf