How to change the status bar color when opening MFSideMenu - ios7

When I open the MFSideMenu the status bar doesnt change color to black and the text color to white in iOS7. I have set UIViewControllerBasedStatusBarAppearance to YES and NO and both dont change the status bar color.

I have a similar problem. I did a little workaround by adding 20px light gray view at the top of right view controller.
It is not a solution but looks better.

You can check out code at:
https://github.com/ryuichisaito6/MFSideMenu/commit/50bc3c1a5eec0dfb3c97621dd0f43f6e0ac70a20
"Darken status bar background color when side menu opens"

Related

Vuetify color picker hidden bar

In my project I use a v-color-picker like in doc https://vuetifyjs.com/en/components/color-pickers/#canvas.
My code is
<v-color-picker v-model="color"/>
This seems to be ok, but when it renders, the color bar is hidden (?) like you can see in image (the bar should be at the right of the green circle).
Any ideas?

react navigation createMaterialTopTabNavigator transparent

I'm trying to make the top tab buttons transparent, so the background behind them would be the background of their content screen. Is this behaviour possible to achieve with createMaterialTopTabNavigator?
I can't seem to find a way to make the tab buttons stick on top of the content. Can only make them appear above the screen content so there's only one fixed color for the tab buttons.
To make it clearer, let's say I have 3 screens, with red, green and blue backgrounds, I want the tab buttons to appear red green or blue, according to the focused screen
Ok, so in case anyone else is looking for the same functionality, just set tabBarOptions style position: 'absolute'

How to make the status bar translucent in iOS 7?

In my app, I have some webviews. A transparent status bar doesn't look good for full screen webview. I want to make the status bar TRANSLUCENT, just like the game center.
I notice that the status bar would be drawn translucent if there is a navigation bar under it. But I want a translucent status bar BY ITSELF.
Is there any way to do this?
If you look at the Human Interface Guidelines section about the Status Bar it recommends (emphasis mine on the section most related to your question):
Prevent scrolling content from showing through the status bar. As
users scroll, you don’t want them to see a confusing mix of app
content and status bar items in the status bar area. To give users the
impression of spaciousness while still ensuring maximum readability,
make sure the status bar has a background that obscures the content
behind it. Here are a few ways to keep scrolling content from showing
through the status bar:
Use a navigation controller to display content. A navigation controller automatically displays a status bar background and it ensures that its content views don’t appear behind the status bar. (To learn more about navigation controllers, see “Navigation
Controllers”.)
Create a nondistracting custom image—such as a gradient—and display it behind the status bar. To ensure that the image stays behind the status bar, you could use a view controller to keep the image above a scrolling view or you could use a scrolling view to keep it pinned to the top.
Position content to avoid the status bar area (that is, the area defined by the app’s statusBarFrame property). If you do this, you should use the window’s background color to provide a solid color behind the status bar.
As the status bar is totally transparent and any content can go on top of it, I just create an empty UIToolbar that is 20px height which just looks like a perfect translucent background for the status bar.
This is not an ultimate solution, but it really helps and it is very easy to implement when you don't need a real tool bar.
Thanks to Apple that they do not provide an option to set the status bar from transparent to translucent.
In Xcode 6, create top, bottom, left, right constrains and set the
- constants to 0
- priorities to 749.
- Don't forget to UNCHECK the "Constrain to margins" check box.
How to create constrains?
At the bottom right of your storyboard window, there's four buttons. The second from your left has the constrains. Please google about constrains in Xcode 6 since it's a kinda new feature.
Hope this help,

How to change StatusBar textColor in iOS7

I need to change the color of Status Bar text in iOS7.
So i tried following codes.
[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleBlackOpaque;
But it doesn't work and still showing white color like following pic.
I want to change to black color.
So how can i change it?

Why and how do I change my buttons style, my the other compose button is fine?

I've changed my navigation bar style to black opaque but my done button remains blue, yet the compose button is fine / black.
Why is is happening and more importantanly how do I fix this ?
The buttons was added in IB and shows blue there, while the nav bar is black.
The best thing to do is to make sure you're using the UIBarButtonSystemItemDone system button item, unaltered. If you really want to change the appearance of your Done button, you will need to assign a custom view to the bar button item's customView property. Then you'll be able to control every aspect of its appearance.