Flex Gumbo中如何通过contentBackgroundColor样式设置Spark Panel容器背景颜色的例子

By Minidxer | July 31, 2009

接下来的例子演示了Flex Gumbo中如何通过contentBackgroundColor样式，设置Spark Panel容器背景颜色。

让我们先来看一下Demo（可以点击这里察看源代码）：


下面是完整代码(或点击这里察看)：
下面是main.mxml：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application name="Spark_Panel_contentBackgroundColor_test"
  3.         xmlns:fx="http://ns.adobe.com/mxml/2009"
  4.         xmlns:s="library://ns.adobe.com/flex/spark"
  5.         xmlns:mx="library://ns.adobe.com/flex/halo">
  6.  
  7.     <mx:Form>
  8.         <mx:FormItem label="contentBackgroundColor:">
  9.             <mx:ColorPicker id="colorPicker"
  10.                     selectedColor="white" />
  11.         </mx:FormItem>
  12.     </mx:Form>
  13.  
  14.     <s:Panel id="panel"
  15.             title="Spark Panel title"
  16.             contentBackgroundColor="{colorPicker.selectedColor}"
  17.             width="300"
  18.             height="200"
  19.             horizontalCenter="0"
  20.             verticalCenter="0">
  21.         <s:RichEditableText id="richEditableTxt"
  22.                 text="The quick brown fox jumps over the lazy dog."
  23.                 left="10"
  24.                 top="10" />
  25.     </s:Panel>
  26.  
  27. </s:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Gumbo, Panel | No Comments » | 296 views Tags: ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll