Flex default bgcolor is it a color or an image?

Posted on July 22, 2006 | 12 comments

[lang_en]
By the docs it’s covered by an image, so its a color. Let me explain what I am getting at, I was reading Ted’s post on preloaders. If you download the source and run the code from a new project in Flex Builder 2 you get a background flicker. The flicker I am talking about is the Blue-ish defualt Flex application color. I was trying to figure out how the default blue-ish color background was showing up. As I didn’t change any code from the downloaded source code.

I found this information in the livedocs.

The Application container’s style uses an image as the default background image. This image obscures any background color settings that you might make. So, to make the value of the bgcolor property display properly, you must clear the Application container’s backgroundImage style property. To do this, you can set it to the value of a space character, as the following example shows:
Application { backgroundImage: ” “; }

No it is talking about the default background color setting being obscured by an image. But what doesn’t make sense is I tried setting the style backgroundImage: ” “; as stated above and it does not do anything.

What I had to do to get rid of the flicker was actually look at the HTML source of Ted’s example and compare to the one generated by my local Flex Builder 2 project. The difference was the “bgcolor” attribute. This attribute is set by the compile through a parameter ${bgcolor} in the index.template.html template. I tried to find the proper way to set some value in the application or the Flex Builder 2 project properties but couldn’t find anything. So to fix the flicker I ended up modifying the index.template.html, changing all ${bgcolor} with #ffffff.

To view it for your self take a look at:
Ted’s example link

Download source in new Flex Builder project link

You’ll see the bgcolor=”#ffffff” in Ted’s html and bgcolor=”#869ca7″.
[/lang_en]
[lang_zh]
靠着文件就是一个图片, 所以就有颜色。我的意思是说, 在preloaders,我看到Ted的评论。用Flex Builder
2而从新的项目下载来源和开始代码, 背景就会闪光。我所说的闪光就是Flex应用的缺省蓝色。我是想了解这缺省蓝色背景怎么出来,
我没有改过代码的任何部分。在livedocs,我找到这些。

应用的风格就是用图片为缺省背景的图片。这图片把你所定的背景颜色把水搅浑。所以为了使背景颜色表现好,
你必须除掉应用背景图片的样子。你需要把他定为space character。如下:
Application { backgroundImage: ” “; }

他是讲缺省背景颜色被图片把水搅浑。我一直不懂的就是我试过定背景图片为上述的例子, 但是没什么不同。所以为了取掉那个闪光,
我把Ted的HTML代码程序和当地Flex Builder
2的做个比较。不同在于属性。在index.template.html的${bgcolor}范围内属性就定的。我试过找在应用或者Flex
Builder 2一中合适的办法定好一些值量。为了修改闪光的问题我就在index.template.html内把所有的${bgcolor}改成#ffffff

自己看在:

Ted的例子

Flex Builder下载

在Tedçš„HTML你会看到bgcolor=”#ffffff”å’Œbgcolor=”#869ca7″。
[/lang_zh]