How to make status bar opaque in iOS7? - uinavigationcontroller

I'm using a navigation controller (with navigation bar and toolbar) in my app. Triggered by tapping the bars slide in and out with a custom animation. Almost everything works fine with iOS7 so far.
The problem I have is the translucency of the status bar:
From what I understand from this question iOS 7 status bar back to iOS 6 style? (especially from jaredsinclair's answer/blogpost) and from this Status bar issue and navigation bar issue in ios7 is that the status bar is just always translucent. To get the iOS6 status bar look and feel they (simply spoken :)) moved the view 20 points downwards.
Sadly that does not help me with my translucency problem. Because the overall look of the app is quite puristic, it just looks so wrong and confusing to the user's eye when the navigationbar is sliding up and it is still visible while sliding up behind the status bar.
So I tried to simulate the sliding with non-proportional scaling, but it's just not the same. So my next idea would be to somehow make the status bar background opaque. Is this possible? I tried to sandwich some opaque view between status and navigation bar, but I failed.
Any help is appreciated!

Related

iOS address bar stops page scroll

When I slowly scroll my website www.teamstack.net on iPhone, the iOS address bar is either enlarging or reducing (depending on scrolling down or up). When the adress bar is finished enlarging or reducing, the scrolling on my website stops immediately (instead of fluidly continuing the scroll).
I have a lot of positions with relative/absolute elements on my website.
On Android the page scroll is working well.
Any idea what causes this?

Xamarin Forms Android Navigation Bar Shifting Down

I'm using a NavigationPage in a Xamarin Forms app. When the page first loads the navigation bar starts partially under the Android status bar (clock, battery, notifications, etc) and then a second or two after the page loads it shifts down to just below the status bar. I like that the status bar icons don't overlay my navigation bar, but I don't like that the users sees it shift. Is there any way to work around this so that when the page first becomes visible it is already shifted down? Thanks in adavance!
I personally prefer a "splash screen" over the awkward bar that appears on the top by default in a Xamarin.Forms app on Android. In my style of splash screen I just have the app's icon floating in the middle of a white field, with NO nav bar on top. If I understand your problem correctly, this workaround would get rid of the first part so there is no longer a "shift". There are many blog posts out there about how to do this, here is one, and here is my project where I have a splash screen.

Appstore navigation bar functionality

I wanted to implement a feature that is present in the Appstore app in iOS 11. As is visible from the gif, when the detail screen loads, the navigation bar is fully transparent and becomes visible when the view scrolls to the top.
I was under the impression that the navigation bar cannot be completely transparent.
Any insights so as to how Apple has implemented this feature would be helpful/
Check out Customizing the Navigation Bar section of this page.
Change the navigation background image and hide navigation bar on push
Also set prefersLargeTitles of bar as true only in iOS 11

Coded UI issue: How to scroll in a web page using Coded UI script

I have two scroll bars(Horizontal and Vertical) in web page(css+html). This scroll bars are browser default controls.
My issue is: Coded UI is not able to identify vertical scroll bar and identifying horizontal scroll bar as single control, so not sure where to click for scroll.
Developers are using css property for scroll bar. So it automatically detects the overflow of data in defined container(horizontal as well as vertical).
Appreciate help on this issue, please let me know how to scroll horizontally and vertically in a web page.
Best Regards,
Sunil
Coded UI allows you to move the scroll wheel on your mouse by using Mouse.MoveScrollWheel(). You can specify a number of wheel scrolls (which is actually just partial movements of the wheel), an optional modifier key to hold while the wheel is turned, and even a UITestControl to move the wheel over (useful if you have a text area within your page that has a scroll bar).
As far as horizontal scrolling, I wasn't able to find a method within Coded UI to do this, but this article covers using System.Windows.Automation to complete the task.
I posted a similar question where I wanted to scroll a page vertically by specific pixel. You can check the solution here. Scroll web page in codedui. The solution is not entirely CodedUI but by using the native control we can scroll the page both horizontally and vertically by required pixel.

iPad SplitView Master View shows but with minor (and incorrect) variation

I'm practicing development of a simple iPad Split View app (Stanford's Hegarty online class). And everything works for the most part. However, the Master side ('left side), although working in landscape mode looks a little different than what I expect it to as a 'popover' in portrait mode. The 'popover' covers the left side of the screen including the toolbar button item that triggered it where normally it should not cover that button.
Unfortunately I can't post images so I'll try my best to describe in more detail. Normally the 'proper' popover will be hovering right below the bar item button that triggered it with a thick arrow-ish thingie (the 'anchor') pointing to the button and not covering that button. The popover can be dismissed by clicking on that button again (or elsewhere on the screen).
What's happening to me, however, is that when I click the bar item button to show the popover, the resulting popover 'covers' the button and essentially fills up the left portion of the screen (the detail view is under it and most of it is showing) with its designated width (so, again, it doesn't cover the entire detail view). The is no 'anchor' arrow pointing to the bar item button since it is obviously covering it instead. The popover is dismissed normally once I click anywhere else on the screen.
So why is my popover covering the button and not simply hovering under it with an 'anchor' pointing to it as it should?
I don't think it it makes much sense to post code at this point because I don't think it'll help and more importantly not sure what portion to post considering this might be a problem with how I wired it in the Builder. Any thoughts will be greatly appreciated!
Thanks!
Mo
I believe its a change that came in IOS5.1
If you want the same behaviour you probably need to set the master up as a popover segue, from a toolbar button or similar in the detail view, and set the split view delegate to not show the master in portrait.
I'm on the move now but if you want any more info let me know and I'll try and get back to you later.

Resources