Flex 4中如何设置Spark SimpleText背景颜色的例子
By Minidxer | October 29, 2009
接下来的例子演示了Flex 4中如何通过backgroundColor样式，设置Spark SimpleText背景颜色。
下面是main.mxml：
- <?xml version="1.0" encoding="utf-8"?>
- <s:Application name="Spark_SimpleText_backgroundColor_test"
- xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:mx="library://ns.adobe.com/flex/halo"
- xmlns:s="library://ns.adobe.com/flex/spark"
- creationComplete="init();">
- <fx:Script>
- <![CDATA[
- private function init():void {
- var arr:Array = ["Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
- "Fusce id nisi in nisi pulvinar convallis.",
- "Sed eu justo in nibh ultrices hendrerit.",
- "Phasellus nec metus at libero pretium imperdiet nec quis libero.",
- "Aenean nec turpis ut turpis lacinia laoreet.",
- "Phasellus quis massa massa, ut aliquam massa.",
- "Sed placerat purus at quam consectetur lacinia.",
- "Phasellus blandit risus et eros varius pellentesque.",
- "Sed aliquam purus eget quam consequat congue.",
- "Nulla et sapien orci, eu ultricies magna.",
- "Aenean et nisl quis mi dapibus lobortis.",
- "Cras dapibus lacus eu ipsum blandit vel suscipit velit sagittis."];
- simpleTxt.text = arr.join("\n");
- }
- ]]>
- </fx:Script>
- <mx:ApplicationControlBar width="100%" cornerRadius="0">
- <mx:Form styleName="plain">
- <mx:FormItem label="backgroundColor:">
- <mx:ColorPicker id="colorPicker" selectedColor="white" />
- </mx:FormItem>
- </mx:Form>
- </mx:ApplicationControlBar>
- <s:SimpleText id="simpleTxt"
- backgroundColor="{colorPicker.selectedColor}"
- horizontalCenter="0"
- verticalCenter="0" />
- </s:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子
Topics:
Gumbo, SimpleText |
No Comments » |
Tags: backgroundColor, Gumbo, SimpleText