You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@flex.apache.org by Mathieu St-Gelais <ma...@gmail.com> on 2014/02/17 15:41:49 UTC
iOS 7 and status bar problem
Hi. First I'd like to say that I have read this thread (
https://issues.apache.org/jira/browse/FLEX-33860), but I'm still having
problems with the status bar under iOS 7.
I'm using Apache Flex nightly builds (4.12), with Air 4.0Beta. Here's a
screenshot of my application (with lots of blur as it is a private
project):
http://www.evilcodingmonkey.com/wp-content/uploads/2014/02/iOS7-screenshot.jpg
You see the black bar at the top (black because the application's
background color is set to black)? I suppose I should see the status bar in
there, but I don't. Any idea why? I have tried removing all CSS, ActionBar
skin class, etc.
Thanks for your help!
Mat
Re: iOS 7 and status bar problem
Posted by Lee Burrows <su...@leeburrows.com>.
Mat,
On a side note, AFAIK all iOS7 status bars are either 40px (retina
display) or 20px (non-retina) - never 30px.
On 26/02/2014 19:43, Maurice Amsellem wrote:
> Hi Mathieu,
>
> This is an extract from mobile theme defaults.css:
>
> @media (application-dpi: 160) AND (os-platform:"IOS") AND (min-os-version: 7)
> {
> Application {
> osStatusBarHeight: 20;
> }
> }
>
> Given than ViewNavigatorApplication inherits from Application, it should apply to your app.
>
> Also, it's not possible that the defaults.css from the mobile them is not applied, otherwise, your app would not even start.
>
> I have no idea what I can come from.
> Maybe you can step through MediaQueryParser with the debugger to see what is happening when you add / don't add your own css .
>
> Let me know.
>
> Maurice
>
> -----Message d'origine-----
> De : Mathieu St-Gelais [mailto:mathieu.stgelais@gmail.com]
> Envoyé : mercredi 26 février 2014 19:53
> À : users@flex.apache.org
> Objet : Re: iOS 7 and status bar problem
>
> Hi. I'd like to know if I have to do something to "activate" the mobile skin (or whatever the exact name is). Because no matter what I set in UIStatusBarStyle, it has no effect on the application. Right now, I see the status bar only because I added the following code in my app MXML file:
>
> @media (application-dpi: 160) AND (os-platform: "IOS") AND (min-os-version:
> 7) {
> s|ViewNavigatorApplication {
> osStatusBarHeight: 30;
> }
> }
>
> Any idea what the problem could be? Thanks!
>
> Mat
>
>
> On Mon, Feb 17, 2014 at 2:55 PM, Mathieu St-Gelais < mathieu.stgelais@gmail.com> wrote:
>
>> Hi Maurice
>>
>> I have tried the following with a black background:
>>
>> <InfoAdditions>
>> <![CDATA[
>> <key>UIDeviceFamily</key>
>> <array>
>> <!-- iPhone and iPod touch devices -->
>> <string>1</string>
>> <!-- iPad devices -->
>> <string>2</string>
>> </array>
>> <key>UIStatusBarStyle</key>
>> <string>UIStatusBarStyleLightContent</string>
>> ]]>
>> </InfoAdditions>
>>
>> I can't see the bar, but I can make it open by swiping it down. I have
>> to work on something else right now, so I'll get back to that problem later.
>> I'll let you know when I find a solution.
>>
>> Thanks for your help. At least now I know where it's located. ;-)
>>
>> Mat
>>
>>
>>
>> On Mon, Feb 17, 2014 at 10:39 AM, Maurice Amsellem <
>> maurice.amsellem@systar.com> wrote:
>>
>>> I am not sure 100%, but it seems that the text of the status bar is
>>> still displayed in black , and the status bar itself is black, so
>>> that's why it does not show.
>>>
>>> Actually, depending on the background color of your app, you may need
>>> to set the status bar text color:
>>>
>>> https://developer.apple.com/library/ios/documentation/UserExperience/
>>> Conceptual/TransitionGuide/Bars.html
>>>
>>> In your case, you need to set UIStatusBarStyle to
>>> UIStatusBarStyleLightContent
>>>
>>> In the <iPhone> <InfoAdditions> section of your AIR configuration
>>> file.
>>>
>>> Something like:
>>>
>>> <InfoAdditions>
>>> <![CDATA[
>>> <key>UIDeviceFamily</key>
>>> <array>
>>> <!-- iPhone and iPod touch devices -->
>>> <string>1</string>
>>> <!-- iPad devices -->
>>> <string>2</string>
>>> </array>
>>> <key>UIStatusBarStyle</key>
>>> <string> UIStatusBarStyleLightContent </string>
>>> ]]>
>>> </InfoAdditions>
>>>
>>> Try that and let me know if it works.
>>>
>>> Maurice
>>>
>>> -----Message d'origine-----
>>> De : Mathieu St-Gelais [mailto:mathieu.stgelais@gmail.com]
>>> Envoyé : lundi 17 février 2014 15:42
>>> À : users@flex.apache.org
>>> Objet : iOS 7 and status bar problem
>>>
>>> Hi. First I'd like to say that I have read this thread (
>>> https://issues.apache.org/jira/browse/FLEX-33860), but I'm still
>>> having problems with the status bar under iOS 7.
>>>
>>> I'm using Apache Flex nightly builds (4.12), with Air 4.0Beta. Here's
>>> a screenshot of my application (with lots of blur as it is a private
>>> project):
>>>
>>> http://www.evilcodingmonkey.com/wp-content/uploads/2014/02/iOS7-scree
>>> nshot.jpg
>>>
>>> You see the black bar at the top (black because the application's
>>> background color is set to black)? I suppose I should see the status
>>> bar in there, but I don't. Any idea why? I have tried removing all
>>> CSS, ActionBar skin class, etc.
>>>
>>> Thanks for your help!
>>>
>>> Mat
>>>
>>
--
Lee Burrows
ActionScripter
RE: iOS 7 and status bar problem
Posted by Maurice Amsellem <ma...@systar.com>.
Hi Mathieu,
This is an extract from mobile theme defaults.css:
@media (application-dpi: 160) AND (os-platform:"IOS") AND (min-os-version: 7)
{
Application {
osStatusBarHeight: 20;
}
}
Given than ViewNavigatorApplication inherits from Application, it should apply to your app.
Also, it's not possible that the defaults.css from the mobile them is not applied, otherwise, your app would not even start.
I have no idea what I can come from.
Maybe you can step through MediaQueryParser with the debugger to see what is happening when you add / don't add your own css .
Let me know.
Maurice
-----Message d'origine-----
De : Mathieu St-Gelais [mailto:mathieu.stgelais@gmail.com]
Envoyé : mercredi 26 février 2014 19:53
À : users@flex.apache.org
Objet : Re: iOS 7 and status bar problem
Hi. I'd like to know if I have to do something to "activate" the mobile skin (or whatever the exact name is). Because no matter what I set in UIStatusBarStyle, it has no effect on the application. Right now, I see the status bar only because I added the following code in my app MXML file:
@media (application-dpi: 160) AND (os-platform: "IOS") AND (min-os-version:
7) {
s|ViewNavigatorApplication {
osStatusBarHeight: 30;
}
}
Any idea what the problem could be? Thanks!
Mat
On Mon, Feb 17, 2014 at 2:55 PM, Mathieu St-Gelais < mathieu.stgelais@gmail.com> wrote:
> Hi Maurice
>
> I have tried the following with a black background:
>
> <InfoAdditions>
> <![CDATA[
> <key>UIDeviceFamily</key>
> <array>
> <!-- iPhone and iPod touch devices -->
> <string>1</string>
> <!-- iPad devices -->
> <string>2</string>
> </array>
> <key>UIStatusBarStyle</key>
> <string>UIStatusBarStyleLightContent</string>
> ]]>
> </InfoAdditions>
>
> I can't see the bar, but I can make it open by swiping it down. I have
> to work on something else right now, so I'll get back to that problem later.
> I'll let you know when I find a solution.
>
> Thanks for your help. At least now I know where it's located. ;-)
>
> Mat
>
>
>
> On Mon, Feb 17, 2014 at 10:39 AM, Maurice Amsellem <
> maurice.amsellem@systar.com> wrote:
>
>> I am not sure 100%, but it seems that the text of the status bar is
>> still displayed in black , and the status bar itself is black, so
>> that's why it does not show.
>>
>> Actually, depending on the background color of your app, you may need
>> to set the status bar text color:
>>
>> https://developer.apple.com/library/ios/documentation/UserExperience/
>> Conceptual/TransitionGuide/Bars.html
>>
>> In your case, you need to set UIStatusBarStyle to
>> UIStatusBarStyleLightContent
>>
>> In the <iPhone> <InfoAdditions> section of your AIR configuration
>> file.
>>
>> Something like:
>>
>> <InfoAdditions>
>> <![CDATA[
>> <key>UIDeviceFamily</key>
>> <array>
>> <!-- iPhone and iPod touch devices -->
>> <string>1</string>
>> <!-- iPad devices -->
>> <string>2</string>
>> </array>
>> <key>UIStatusBarStyle</key>
>> <string> UIStatusBarStyleLightContent </string>
>> ]]>
>> </InfoAdditions>
>>
>> Try that and let me know if it works.
>>
>> Maurice
>>
>> -----Message d'origine-----
>> De : Mathieu St-Gelais [mailto:mathieu.stgelais@gmail.com]
>> Envoyé : lundi 17 février 2014 15:42
>> À : users@flex.apache.org
>> Objet : iOS 7 and status bar problem
>>
>> Hi. First I'd like to say that I have read this thread (
>> https://issues.apache.org/jira/browse/FLEX-33860), but I'm still
>> having problems with the status bar under iOS 7.
>>
>> I'm using Apache Flex nightly builds (4.12), with Air 4.0Beta. Here's
>> a screenshot of my application (with lots of blur as it is a private
>> project):
>>
>> http://www.evilcodingmonkey.com/wp-content/uploads/2014/02/iOS7-scree
>> nshot.jpg
>>
>> You see the black bar at the top (black because the application's
>> background color is set to black)? I suppose I should see the status
>> bar in there, but I don't. Any idea why? I have tried removing all
>> CSS, ActionBar skin class, etc.
>>
>> Thanks for your help!
>>
>> Mat
>>
>
>
Re: iOS 7 and status bar problem
Posted by Mathieu St-Gelais <ma...@gmail.com>.
Hi. I'd like to know if I have to do something to "activate" the mobile
skin (or whatever the exact name is). Because no matter what I set in
UIStatusBarStyle, it has no effect on the application. Right now, I see the
status bar only because I added the following code in my app MXML file:
@media (application-dpi: 160) AND (os-platform: "IOS") AND (min-os-version:
7) {
s|ViewNavigatorApplication {
osStatusBarHeight: 30;
}
}
Any idea what the problem could be? Thanks!
Mat
On Mon, Feb 17, 2014 at 2:55 PM, Mathieu St-Gelais <
mathieu.stgelais@gmail.com> wrote:
> Hi Maurice
>
> I have tried the following with a black background:
>
> <InfoAdditions>
> <![CDATA[
> <key>UIDeviceFamily</key>
> <array>
> <!-- iPhone and iPod touch devices -->
> <string>1</string>
> <!-- iPad devices -->
> <string>2</string>
> </array>
> <key>UIStatusBarStyle</key>
> <string>UIStatusBarStyleLightContent</string>
> ]]>
> </InfoAdditions>
>
> I can't see the bar, but I can make it open by swiping it down. I have to
> work on something else right now, so I'll get back to that problem later.
> I'll let you know when I find a solution.
>
> Thanks for your help. At least now I know where it's located. ;-)
>
> Mat
>
>
>
> On Mon, Feb 17, 2014 at 10:39 AM, Maurice Amsellem <
> maurice.amsellem@systar.com> wrote:
>
>> I am not sure 100%, but it seems that the text of the status bar is still
>> displayed in black , and the status bar itself is black, so that's why it
>> does not show.
>>
>> Actually, depending on the background color of your app, you may need to
>> set the status bar text color:
>>
>> https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/TransitionGuide/Bars.html
>>
>> In your case, you need to set UIStatusBarStyle to
>> UIStatusBarStyleLightContent
>>
>> In the <iPhone> <InfoAdditions> section of your AIR configuration
>> file.
>>
>> Something like:
>>
>> <InfoAdditions>
>> <![CDATA[
>> <key>UIDeviceFamily</key>
>> <array>
>> <!-- iPhone and iPod touch devices -->
>> <string>1</string>
>> <!-- iPad devices -->
>> <string>2</string>
>> </array>
>> <key>UIStatusBarStyle</key>
>> <string> UIStatusBarStyleLightContent </string>
>> ]]>
>> </InfoAdditions>
>>
>> Try that and let me know if it works.
>>
>> Maurice
>>
>> -----Message d'origine-----
>> De : Mathieu St-Gelais [mailto:mathieu.stgelais@gmail.com]
>> Envoyé : lundi 17 février 2014 15:42
>> À : users@flex.apache.org
>> Objet : iOS 7 and status bar problem
>>
>> Hi. First I'd like to say that I have read this thread (
>> https://issues.apache.org/jira/browse/FLEX-33860), but I'm still having
>> problems with the status bar under iOS 7.
>>
>> I'm using Apache Flex nightly builds (4.12), with Air 4.0Beta. Here's a
>> screenshot of my application (with lots of blur as it is a private
>> project):
>>
>> http://www.evilcodingmonkey.com/wp-content/uploads/2014/02/iOS7-screenshot.jpg
>>
>> You see the black bar at the top (black because the application's
>> background color is set to black)? I suppose I should see the status bar in
>> there, but I don't. Any idea why? I have tried removing all CSS, ActionBar
>> skin class, etc.
>>
>> Thanks for your help!
>>
>> Mat
>>
>
>
Re: iOS 7 and status bar problem
Posted by Mathieu St-Gelais <ma...@gmail.com>.
Hi Maurice
I have tried the following with a black background:
<InfoAdditions>
<![CDATA[
<key>UIDeviceFamily</key>
<array>
<!-- iPhone and iPod touch devices -->
<string>1</string>
<!-- iPad devices -->
<string>2</string>
</array>
<key>UIStatusBarStyle</key>
<string>UIStatusBarStyleLightContent</string>
]]>
</InfoAdditions>
I can't see the bar, but I can make it open by swiping it down. I have to
work on something else right now, so I'll get back to that problem later.
I'll let you know when I find a solution.
Thanks for your help. At least now I know where it's located. ;-)
Mat
On Mon, Feb 17, 2014 at 10:39 AM, Maurice Amsellem <
maurice.amsellem@systar.com> wrote:
> I am not sure 100%, but it seems that the text of the status bar is still
> displayed in black , and the status bar itself is black, so that's why it
> does not show.
>
> Actually, depending on the background color of your app, you may need to
> set the status bar text color:
>
> https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/TransitionGuide/Bars.html
>
> In your case, you need to set UIStatusBarStyle to
> UIStatusBarStyleLightContent
>
> In the <iPhone> <InfoAdditions> section of your AIR configuration
> file.
>
> Something like:
>
> <InfoAdditions>
> <![CDATA[
> <key>UIDeviceFamily</key>
> <array>
> <!-- iPhone and iPod touch devices -->
> <string>1</string>
> <!-- iPad devices -->
> <string>2</string>
> </array>
> <key>UIStatusBarStyle</key>
> <string> UIStatusBarStyleLightContent </string>
> ]]>
> </InfoAdditions>
>
> Try that and let me know if it works.
>
> Maurice
>
> -----Message d'origine-----
> De : Mathieu St-Gelais [mailto:mathieu.stgelais@gmail.com]
> Envoyé : lundi 17 février 2014 15:42
> À : users@flex.apache.org
> Objet : iOS 7 and status bar problem
>
> Hi. First I'd like to say that I have read this thread (
> https://issues.apache.org/jira/browse/FLEX-33860), but I'm still having
> problems with the status bar under iOS 7.
>
> I'm using Apache Flex nightly builds (4.12), with Air 4.0Beta. Here's a
> screenshot of my application (with lots of blur as it is a private
> project):
>
> http://www.evilcodingmonkey.com/wp-content/uploads/2014/02/iOS7-screenshot.jpg
>
> You see the black bar at the top (black because the application's
> background color is set to black)? I suppose I should see the status bar in
> there, but I don't. Any idea why? I have tried removing all CSS, ActionBar
> skin class, etc.
>
> Thanks for your help!
>
> Mat
>
RE: iOS 7 and status bar problem
Posted by Maurice Amsellem <ma...@systar.com>.
I am not sure 100%, but it seems that the text of the status bar is still displayed in black , and the status bar itself is black, so that's why it does not show.
Actually, depending on the background color of your app, you may need to set the status bar text color:
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/TransitionGuide/Bars.html
In your case, you need to set UIStatusBarStyle to UIStatusBarStyleLightContent
In the <iPhone> <InfoAdditions> section of your AIR configuration file.
Something like:
<InfoAdditions>
<![CDATA[
<key>UIDeviceFamily</key>
<array>
<!-- iPhone and iPod touch devices -->
<string>1</string>
<!-- iPad devices -->
<string>2</string>
</array>
<key>UIStatusBarStyle</key>
<string> UIStatusBarStyleLightContent </string>
]]>
</InfoAdditions>
Try that and let me know if it works.
Maurice
-----Message d'origine-----
De : Mathieu St-Gelais [mailto:mathieu.stgelais@gmail.com]
Envoyé : lundi 17 février 2014 15:42
À : users@flex.apache.org
Objet : iOS 7 and status bar problem
Hi. First I'd like to say that I have read this thread ( https://issues.apache.org/jira/browse/FLEX-33860), but I'm still having problems with the status bar under iOS 7.
I'm using Apache Flex nightly builds (4.12), with Air 4.0Beta. Here's a screenshot of my application (with lots of blur as it is a private
project):
http://www.evilcodingmonkey.com/wp-content/uploads/2014/02/iOS7-screenshot.jpg
You see the black bar at the top (black because the application's background color is set to black)? I suppose I should see the status bar in there, but I don't. Any idea why? I have tried removing all CSS, ActionBar skin class, etc.
Thanks for your help!
Mat