`
hanyiduo
  • 浏览: 79388 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

(flex4)循环随机改变FxTextArea内的字体颜色

    博客分类:
  • Flex
阅读更多
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/12/06/looping-over-paragraphs-in-the-fxtextarea-control-in-flex-gumbo/ -->
<Application name="FxTextArea_export_test"
        xmlns="http://ns.adobe.com/mxml/2009"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <Script>
        private function getParagraphs():void {
            var textFlowNS:Namespace = new Namespace("http://ns.adobe.com/textLayout/2008");

            var xml:XML = textArea.export();
            var xmlList:XMLList = xml.textFlowNS::p;
            var para:XML;
            for each (para in xmlList) {
                para.@color = getRandomColor();
            }
            textArea.content = xml;
        }

        private function getRandomColor():String {
            return "0x" + Math.round(Math.random() * 0xFFFFFF).toString(16);
        }
    </Script>

    <ApplicationControlBar dock="true">
        <FxButton label="Randomize paragraph colors"
                click="getParagraphs();" />
    </ApplicationControlBar>

    <FxTextArea id="textArea" width="240" height="160">
        <content>
            <p>The quick brown fox jumped over the lazy dog.</p>
            <p>The quick brown fox jumped over the lazy dog.</p>
            <p>The quick brown fox jumped over the lazy dog.</p>
            <p>The quick brown fox jumped over the lazy dog.</p>
            <p>The quick brown fox jumped over the lazy dog.</p>
            <p>The quick brown fox jumped over the lazy dog.</p>
            <p>The quick brown fox jumped over the lazy dog.</p>
            <p>The quick brown fox jumped over the lazy dog.</p>
            <p>The quick brown fox jumped over the lazy dog.</p>
            <p>The quick brown fox jumped over the lazy dog.</p>
            <p>The quick brown fox jumped over the lazy dog.</p>
            <p>The quick brown fox jumped over the lazy dog.</p>
            <p>The quick brown fox jumped over the lazy dog.</p>
            <p>The quick brown fox jumped over the lazy dog.</p>
            <p>The quick brown fox jumped over the lazy dog.</p>
        </content>
    </FxTextArea>

</Application>

分享到:
评论
1 楼 荷尔萌 2013-10-13  
只能说。。。这是超级烂的代码

相关推荐

    改变flex DataGrid单元格字体颜色

    本知识点将详细讲解如何根据DataGrid中的数据属性来动态改变单元格的字体颜色,以增强视觉效果并突出关键信息。 首先,我们需要了解Flex中的DataGrid工作原理。DataGrid是基于MX组件集的一部分,它通过绑定到数据...

    Flex ColumnChart获取得焦点改变颜色

    本文将详细解析如何通过Flex中的`ColumnChart`组件来实现当图表获得焦点时改变颜色的功能,这一功能可以提升用户体验,使得交互更加直观。 ### 一、Flex与ColumnChart基础 Flex是一种强大的开发框架,主要用于构建...

    flex 字体自动放大缩小例子

    /* 随着视口宽度改变,字体大小也会相应调整 */ } ``` 当然,`vw`单位可能会导致在小屏幕上字体过小,或者在大屏幕上字体过大,不便于阅读。因此,我们可以添加媒体查询,为不同屏幕尺寸设置最小和最大字体大小...

    flex4 实战 flex4 in action

    在Flex 4中,最重要的变化之一是组件模型的改变,引入了Spark组件架构,它与原有的MX组件架构并行存在,但更注重设计和性能。Spark组件库提供了一套全新的UI组件,这些组件基于Flex 4的皮肤ning机制,允许开发者创建...

    flex4舞台尺寸随浏览器窗口大小改变.rar

    flex4舞台尺寸随浏览器窗口大小改变.rar

    Flex3与flex4的区别

    Flex4的状态系统允许开发者创建复杂的用户界面转换,通过简单地改变组件的状态来实现不同的UI配置,而无需重写大量代码。这种状态驱动的设计模式提高了代码的可维护性和可扩展性。 ### 效果实现 Flex4在效果和动画...

    FLEX4_Flex4教程 - FLEX4从入门到精通,挺不错的值得一看

    8. **图形和动画**:利用Flex4,开发者可以创建复杂的图形和动画效果,如使用Graphics API绘制自定义形状,或通过Timeline控制组件状态改变的动画。 9. **事件模型**:理解Flex4的事件模型,如何触发和处理事件,是...

    Flex 颜色渐变条

    4. **数据绑定**:利用Flex的数据绑定机制,将颜色节点的位置和颜色属性与模型数据绑定,这样当模型数据改变时,视图会自动更新。 5. **自定义组件**:创建一个自定义的MXComponent或Spark Component,继承自...

    Flex4 一学就会 (Hello Flex4)

    Flex4,全称为Adobe Flex 4,是一款由Adobe公司开发的开源框架,主要用于构建富互联网应用程序(Rich Internet Applications,简称RIA)。Flex4以其强大的组件库、灵活的样式系统和优化的图形渲染引擎,极大地提升了...

    flex DataGrid改变指定行的背景颜色

    在Flex中,我们可以使用ItemRenderer来自定义单元格的显示方式,包括改变背景颜色。 1. **自定义ItemRenderer** 要改变指定行的背景颜色,我们需要创建一个自定义的ItemRenderer类。ItemRenderer是一个Flex组件,...

    FLEX4按钮状态切换背景

    Button组件有多种样式属性,包括字体、颜色、边框和背景,可以通过CSS或主题来定制。 3. 按钮状态: 在Flex4中,按钮有多个状态,这些状态反映了按钮的不同交互情况: - `up`:按钮的默认状态,用户未进行任何操作...

    Flex4中文快速入门

    Flex4,全称为Adobe Flex 4,是Adobe公司推出的一款用于构建富互联网应用程序(Rich Internet Applications,RIAs)的框架,主要基于ActionScript和MXML。这个框架在2010年发布,提供了更为强大的图形渲染能力,以及...

    Flex 4 高级编程 Flex 4 高级编程

    Flex 4,全称为Adobe Flex 4,是Adobe公司推出的一种用于构建富互联网应用程序(RIA)的开源框架,主要基于ActionScript和MXML语言。它提供了丰富的用户界面组件和强大的数据处理能力,使得开发者能够创建出具有高度...

    Flex 使用中文设备字体 解决办法

    4. **定义字体样式**: 在Flex的MXML或ActionScript代码中,使用`@font-face`定义新的字体样式。例如: ```xml @font-face { src: url("assets/fonts/ChineseFont.swf"); fontFamily: ChineseFont; } ``` ...

    Sample-Flex4-TabBar

    3. 自定义样式:Flex4允许对TabBar进行高度自定义,包括选项卡的外观、颜色、字体、图标等,以适应不同主题和品牌要求。 二、TabBar组件的关键属性 1. selectedTab:指定当前选中的TabItem,可以设置或获取。 2. ...

    Flash.Builder.4.&.Flex.4 Flex4

    《Flash.Builder.4.&.Flex.4 Flex4》是一本专为学习Adobe Flash Builder 4和Flex 4技术而编写的指南。这本书如同一场及时雨,为开发者提供了深入理解和掌握这两项技术的宝贵资源。Flash Builder 4是Adobe公司推出的...

    flex4自定义组件皮肤

    Flex4是一种基于ActionScript3和Flash Player的开源框架,用于构建富互联网应用程序(RIA)。它提供了丰富的组件库,包括MX和Spark两个主要组件集。在Flex4中,自定义组件皮肤是提升应用视觉效果和用户体验的重要...

    Flex4 中文API

    4. **Data Binding**:Flex4支持数据绑定,允许UI元素与数据模型直接关联,当数据模型改变时,UI会自动更新,反之亦然。这对于实现动态、响应式的用户界面非常有用。 5. **States and Effects**:Flex4引入了状态...

    flex4 学习全部资料

    Flex4是一种强大的富互联网应用程序(RIA)开发框架,由Adobe公司推出,主要用于构建交互性强、视觉效果丰富的Web应用。在本资源包中,你将找到关于Flex4学习的所有必要资料,包括安装指南、API文档、学习文档以及...

    Flex4中文帮助文档

    Flex4是Adobe开发的一款强大的富互联网应用程序(RIA)框架,主要用于构建交互性强、用户体验良好的Web应用。这个"Flex4中文帮助文档"包含了丰富的技术信息,旨在帮助开发者更好地理解和使用Flash Builder 4,这是一...

Global site tag (gtag.js) - Google Analytics