ফোনগ্যাপ সহ আইওএস 7 স্ট্যাটাস বার

Question 1

আইওএস 7-এ, ফোনগ্যাপ অ্যাপ্লিকেশনগুলি স্ট্যাটাস বারের নীচে উপস্থিত হবে। এটি স্ক্রিনের শীর্ষে রাখা বোতাম / মেনুগুলিতে ক্লিক করা কঠিন করে তুলতে পারে।

ফোনগ্যাপ অ্যাপ্লিকেশনে আইওএস 7-তে এই স্ট্যাটাস বার ইস্যুটি ঠিক করার কোনও উপায় জানেন?

আমি পুরো ওয়েব পৃষ্ঠাটি সিএসএস দিয়ে অফসেট করার চেষ্টা করেছি তবে মনে হয় এটি কার্যকর হয় না। পুরো ইউআইভিউভিউ ভিউ অফসেট করার মতো উপায় বা স্ট্যাটাস বারটি আইওএস 6 এর মতো আচরণ করার উপায় আছে কি?

ধন্যবাদ

Question 2

আমি অন্য থ্রেডে একটি উত্তর পেয়েছি, তবে অন্য কেউ যদি অবাক হয়ে যায় তবে আমি প্রশ্নের উত্তর দেব।

শুধু প্রতিস্থাপন viewWillAppearমধ্যে MainViewController.mএই সঙ্গে:

- (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.
    // 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;
    }
    [super viewWillAppear:animated];
}

Question 3

লুডভিগ ক্রিস্টফারসনসের পুনরায় আকার ফিক্সের পাশাপাশি, আমি স্ট্যাটাস বারের রঙ পরিবর্তন করার পরামর্শ দিচ্ছি:

- (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;
}

Question 4

দয়া করে ফোনগ্যাপের জন্য প্লাগইনটি ইনস্টল করুন: https://build.phonegap.com/plugins/505

এবং ওয়েবভিউয়ের ওভারলেটিকে নিয়ন্ত্রণ করতে নীচের মতো সঠিক সেটিংটি ব্যবহার করুন:

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

আমার জন্য, ফোনগ্যাপ ৩.৩.০ সহ এটি কাজ করে।

গিথুব প্রকল্পের পৃষ্ঠায় আরও তথ্য: https://github.com/ iPhonegap-build/StatusBarPlugin

Question 5

স্ট্যাটাসবারটি আড়াল করতে, MainViewController.mফাংশনের অধীনে ফাইলটিতে নিম্নলিখিত কোড যুক্ত করুন-(void)viewDidUnload

- (BOOL)prefersStatusBarHidden
{
    return YES;
}

Question 6

উত্তর https://stackoverflow.com/a/19249775/1502287 আমার পক্ষে কাজ করেছে, তবে ক্যামেরা প্লাগইন (এবং সম্ভাব্য অন্যরা) এবং "উচ্চতা = ডিভাইস- এর সাথে একটি ভিউপোর্ট মেটা ট্যাগ সহ এটি তৈরি করার জন্য আমাকে এটিকে কিছুটা পরিবর্তন করতে হয়েছিল Answer উচ্চতা "(উচ্চতার অংশটি নির্ধারণ না করা আমার ক্ষেত্রে কীবোর্ডটি ভিউয়ের উপরে প্রদর্শিত হতে পারে, সেই সাথে কিছু ইনপুট লুকিয়ে রাখবে)।

প্রতিবার যখন আপনি ক্যামেরা ভিউটি খুলবেন এবং আপনার অ্যাপ্লিকেশনটিতে ফিরে যাবেন, তখন ভিউ উইল অ্যাপয়ার পদ্ধতিটি কল করা হবে এবং আপনার ভিউ 20px দ্বারা সঙ্কুচিত হবে।

এছাড়াও, ভিউপোর্টের জন্য ডিভাইস-উচ্চতায় 20 টি অতিরিক্ত পিক্স অন্তর্ভুক্ত থাকবে, সামগ্রীটি স্ক্রোলযোগ্য এবং ওয়েবভিউয়ের চেয়ে 20px উচ্চতর হবে।

ক্যামেরা সমস্যার সম্পূর্ণ সমাধান এখানে দেওয়া হল:

মেইনভিউকন্ট্রোল.আরে:

@interface MainViewController : CDVViewController
@property (atomic) BOOL viewSizeChanged;
@end

মেইনভিউকন্ট্রোলআরমি:

@implementation MainViewController

@synthesize viewSizeChanged;

[...]

- (id)init
{
    self = [super init];
    if (self) {
        // On init, size has not yet been changed
        self.viewSizeChanged = NO;
        // Uncomment to override the CDVCommandDelegateImpl used
        // _commandDelegate = [[MainCommandDelegate alloc] initWithViewController:self];
        // Uncomment to override the CDVCommandQueue used
        // _commandQueue = [[MainCommandQueue alloc] initWithViewController:self];
    }
    return self;
}

[...]

- (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.
    // Lower screen 20px on ios 7 if not already done
    if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7 && !self.viewSizeChanged) {
        CGRect viewBounds = [self.webView bounds];
        viewBounds.origin.y = 20;
        viewBounds.size.height = viewBounds.size.height - 20;
        self.webView.frame = viewBounds;
        self.viewSizeChanged = YES;
    }
    [super viewWillAppear:animated];
}

এখন ভিউপোর্ট সমস্যার জন্য, আপনার ডিভাইস প্রস্তুত ইভেন্ট শ্রোতারগুলিতে এটি যুক্ত করুন (jQuery ব্যবহার করে):

if (window.device && parseFloat(window.device.version) >= 7) {
  $(window).on('orientationchange', function () {
      var orientation = parseInt(window.orientation, 10);
      // We now the width of the device is 320px for all iphones
      // Default height for landscape (remove the 20px statusbar)
      var height = 300;
      // Default width for portrait
      var width = 320;
      if (orientation !== -90 && orientation !== 90 ) {
        // Portrait height is that of the document minus the 20px of
        // the statusbar
        height = document.documentElement.clientHeight - 20;
      } else {
        // This one I found experimenting. It seems the clientHeight
        // property is wrongly set (or I misunderstood how it was
        // supposed to work).
        // Dunno if it's specific to my setup.
        width = document.documentElement.clientHeight + 20;
      }
      document.querySelector('meta[name=viewport]')
        .setAttribute('content',
          'width=' + width + ',' +
          'height=' + height + ',' +
          'initial-scale=1.0,maximum-scale=1.0,user-scalable=no');
    })
    .trigger('orientationchange');
}

অন্যান্য সংস্করণের জন্য আমি যে ভিউপোর্টটি ব্যবহার করি তা এখানে:

<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0" />

এবং সব এখন ভাল কাজ করে।

Question 7

(app name)-Info.plistএক্সকোডে অ্যাপ্লিকেশনটির ফাইলে যাওয়ার চেষ্টা করুন এবং কীগুলি যুক্ত করুন

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

সমস্যা ছাড়াই এটি আমার পক্ষে কাজ করে।

Question 8

কর্ডোভা ৩.১++ এর জন্য, একটি প্লাগইন রয়েছে যা আইওএস 7+ এর জন্য স্থিতি বারের আচরণে পরিবর্তন নিয়ে আসে।

স্থিতি দণ্ডটি কীভাবে এর পূর্ব আইওএস 7 অবস্থায় ফিরিয়ে আনা যায় সেগুলি সহ এটি এখানে খুব সুন্দরভাবে নথিভুক্ত করা হয়েছে ।

প্লাগইন ইনস্টল করতে, চালান:

cordova plugin add org.apache.cordova.statusbar

তারপরে এটি config.xml এ যুক্ত করুন

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

Question 9

আমি ইনস্টল করে org.apache.cordova.statusbarএবং আমার শীর্ষে যুক্ত করে আমার সমস্যার সমাধান করছি config.xml:

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

এই কনফিগারেশনগুলি কেবল আইওএস 7+ এর জন্য কাজ করে

তথ্যসূত্র: http://devgirl.org/2014/07/31/ iPhonegap-developers-guid/

Question 10

নতুন কর্ডোভা স্ট্যাটাসবার প্লাগইনটি দেখুন যা সেই সঠিক সমস্যার সমাধান করে। http://docs.icenium.com/troubleshooting/ios7-status-bar# সমাধান বিকল্প # 3

Question 11

আইওএস 7 সনাক্ত করা থাকলে আমি শরীরে কোনও শ্রেণি যুক্ত করতে নিম্নলিখিত কোডের টুকরোটি ব্যবহার করি। আমি তখন স্টাইলটি ক্লাসে একটি যুক্ত করতে20px আমার ধারকটির শীর্ষে মার্জিন । আপনার "ডিভাইস" প্লাগইন ইনস্টল রয়েছে এবং এই কোডটি "ডিভাইসডিয়ার" ইভেন্টের মধ্যে রয়েছে তা নিশ্চিত করুন।

চারপাশে পড়া থেকে, আমি শুনেছি যে ফোনগ্যাপের পরবর্তী আপডেট (আমি বিশ্বাস করি 3.1) আইওএস 7 এর স্ট্যাটাস বারে পরিবর্তনগুলি আরও ভালভাবে সমর্থন করবে। সুতরাং এটি কেবল একটি স্বল্পমেয়াদী সংশোধন হিসাবে প্রয়োজন হতে পারে।

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

Question 12

লুডভিগের উত্তর আমার পক্ষে কাজ করেছিল।

যে কেউ তার উত্তরটি ব্যবহার করেছেন এবং এখন সাদা মার্জিনের রঙ পরিবর্তন করতে চাইছেন (এটি তুচ্ছ মনে হতে পারে তবে আমাকে স্টাম্পড করেছিল), দেখুন:

আমি iOS7 স্ট্যাটাস বার ওভারলে ইস্যুটি ঠিক করতে UIWebView কে স্লাইড করার পরে কীভাবে UIWebView পটভূমির রঙ পরিবর্তন করতে পারি?

Question 13

আর একটি উপায় পিছনে সামঞ্জস্যপূর্ণ যাচ্ছে । সেই iOS 7বর্ণটি দিতে HTML অনুসারে (উপরে অতিরিক্ত 20px মার্জিন সহ) তৈরি করুন full screenএবং সেই অতিরিক্ত মার্জিনটি কেটে ফেলুন iOS < 7.0। নিম্নলিখিতগুলির মতো কিছু 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;
  }
}

এই সমাধানটির iOS 7.0উপরে এবং উপরে একটি কালো বার ছেড়ে যাবে না , যা একটি আধুনিক আইওএস ব্যবহারকারী অদ্ভুত এবং পুরানো দেখতে পাবেন ।

Question 14

ডিডফিনিশলানচিং উইথঅপশন ইভেন্টে AppDelegate.m এর ভিতরে নিম্নলিখিত কোডটি লিখুন ( কোডটির শেষ লাইনের " হ্যাঁ, হ্যাঁ; " এর ঠিক আগে ):

if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7) 
{
    [application setStatusBarHidden:YES withAnimation:UIStatusBarAnimationNone];
}

আমি আপনার প্রতিক্রিয়া জন্য অপেক্ষা করব! :)

Question 15

যদি আমরা চিত্র গ্যালারীটির জন্য ক্যামেরা প্লাগইন ব্যবহার করি, স্থিতি বারটি ফিরে আসবে যাতে সমস্যাটি সমাধান করতে দয়া করে এই লাইনটি যুক্ত করুন

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

প্রতি

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

প্লাগিন তালিকায় সিভিডিসেমের.এম এর ভিতরে ফাংশন

Question 16

প্রারম্ভিক মুহূর্তে didFinishLaunchingWithOptions ইভেন্টে AppDelegate.m এর মধ্যে নিম্নলিখিত কোডটি লিখুন ।

CGRect screenBounds = [[UIScreen mainScreen] bounds]; // Fixing status bar ------------------------------- NSArray *vComp = [[UIDevice currentDevice].systemVersion componentsSeparatedByString:@"."]; if ([[vComp objectAtIndex:0] intValue] >= 7) { // iOS 7 or above CGRect newWebViewBounds = CGRectMake( 0, 20, screenBounds.size.width, screenBounds.size.height-20 ); screenBounds = newWebViewBounds; } // ------------------------------- Fixing status bar End

এবং উপরের আইওএস 7 এবং উপরে জন্য ঠিক করুন।

Question 17

প্রতিকৃতিতে স্থিতি দণ্ডটি দৃশ্যমান রাখতে তবে এটিকে ল্যান্ডস্কেপে (অর্থাত্ পূর্ণস্ক্রিন) আড়াল করতে নীচের চেষ্টা করুন:

ইন MainViewController.h:

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

ইন 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];
}

এটি স্ট্যাকওভারফ্লো আলোচনায় আমি যা খুঁজে পেয়েছি তার সংমিশ্রণ, কর্ডোভা স্ট্যাটাসবার প্লাগইন থেকে কিছু কোড (যাতে 20px মানকে হার্ডকোড না করা) এবং আমার অংশে কিছু উদ্দীপনা (আমি কোনও আইওএস দেব নই আমি এই সমাধানে আমার পথকে ফাঁদে ফেলেছি)।

Question 18

সবার আগে, আপনার প্রকল্পে ডিভাইস প্লাগইন যুক্ত করুন। প্লাগিন আইডি হ'ল: org.apache.cordova. ডিভাইস এবং সংগ্রহস্থল হ'ল: https://github.com/apache/cordova-plugin-device.git

এর পরে এই ফাংশনটি ব্যবহার করুন এবং প্রতিটি পৃষ্ঠা বা স্ক্রিনে এটি কল করুন: -

function mytopmargin() {
    console.log("PLATform>>>" + device.platform);
    if (device.platform === 'iOS') {
        $("div[data-role='header']").css("padding-top", "21px");
        $("div[data-role='main']").css("padding-top", "21px");
    } else {
        console.log("android");
    }
}

Question 19

স্ট্যাটাস বারের পটভূমি নিয়ন্ত্রণ করার সর্বোত্তম উপায় - 2017

চলমান হতাশার পরে, ইন্টারনেটে প্রচুর অনুসন্ধান, আপনার এই পদক্ষেপগুলি নিতে হবে:

নিশ্চিত করুন যে আপনি স্ট্যাটাস বার প্লাগইন ব্যবহার করেছেন
আপনার config.xml এ এই সেটিংটি যুক্ত করুন:

<প্রিফারেন্সের নাম = "স্ট্যাটাসবারো ওভারলেস ওয়েবভিউ" মান = "মিথ্যা" />

ডিভাইসরেডিতে নিম্নলিখিত কোডটি ব্যবহার করুন

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

এটি আইওএস এবং অ্যান্ড্রয়েডে আমার জন্য কাজ করে।

শুভকামনা!