Question

有时用户忘记从Spark List组件中进行选择。其他功能取决于此列表组件的选择。

我想以编程方式使此列表组件闪红三次或任何等效的效果以吸引用户注意。有谁知道怎么做？

Answer 1

您可以使用Timer和组件颜色，可见性，alpha，...

来执行您想要的操作

使用Spark List组件获取这个简单且有效的代码：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               width="280" height="191" minWidth="955" minHeight="600">

    <fx:Script>
        <![CDATA[

            import org.osmf.events.TimeEvent
            import flash.events.MouseEvent

            private var timer:Timer
            private var color:Number
            private var border_color:Number
            private const color_1:Number = 0xff0000
            private const color_2:Number = 0x000000

            private function btn_colors_clickHandler(event:MouseEvent):void
            {

                border_color = my_list.getStyle('borderColor')
                color = my_list.getStyle('color')

                my_list.setStyle('borderColor', color_1)
                my_list.setStyle('color', color_1)  

                timer = new Timer(300, 6)
                timer.addEventListener(TimerEvent.TIMER, function(e:TimerEvent):void{                   
                    my_list.setStyle('borderColor', my_list.getStyle('borderColor') == color_2 ? color_1 : color_2)
                    my_list.setStyle('color', my_list.getStyle('color') == color_2 ? color_1 : color_2)
                })
                timer.addEventListener(TimerEvent.TIMER_COMPLETE, function(e:TimerEvent):void{
                    my_list.setStyle('borderColor', border_color)
                    my_list.setStyle('color', color)
                })
                timer.start()               

            }

            protected function btn_visibility_clickHandler(event:MouseEvent):void
            {

                timer = new Timer(200, 6)
                timer.addEventListener(TimerEvent.TIMER, function(e:TimerEvent):void{   
                    my_list.visible = ! my_list.visible
                })
                timer.addEventListener(TimerEvent.TIMER_COMPLETE, function(e:TimerEvent):void{
                    my_list.visible = true
                })
                timer.start()

            }

            protected function btn_alpha_clickHandler(event:MouseEvent):void
            {

                timer = new Timer(200, 6)
                timer.addEventListener(TimerEvent.TIMER, function(e:TimerEvent):void{                   
                    my_list.alpha = my_list.alpha < 1 ? 1 : 0.3
                })
                timer.addEventListener(TimerEvent.TIMER_COMPLETE, function(e:TimerEvent):void{
                    my_list.alpha = 1
                })
                timer.start()

            }

        ]]>
    </fx:Script>

    <s:List id="my_list" x="16" y="18" width="148" height="150" borderColor="#666666" borderVisible="true" > 
        <s:dataProvider>
            <mx:ArrayCollection>
                <fx:String>line 01</fx:String> 
                <fx:String>line 02</fx:String> 
                <fx:String>line 03</fx:String> 
                <fx:String>line 04</fx:String>
                <fx:String>line 05</fx:String>
            </mx:ArrayCollection>
        </s:dataProvider>
    </s:List>
    <s:Button id="btn_colors" x="172" y="20" width="90" height="40" label="colors"
              click="btn_colors_clickHandler(event)"/>
    <s:Button id="btn_visibility" x="172" y="70" width="90" height="40" label="visibility"
              click="btn_visibility_clickHandler(event)"/>
    <s:Button id="btn_alpha" x="172" y="120" width="90" height="40" label="alpha"
              click="btn_alpha_clickHandler(event)"/>   

</s:Application>

可见性示例与alpha one之间的差异是使用alpha时的不透明度效果。

如果没有选择任何项目，您还可以使用Alert控件提醒用户，但因为您只谈到了高亮效果，所以我没有在示例中包含它。您可以像这样使用它：

import mx.controls.Alert

if(my_list.selectedIndex == -1){

    Alert.show('Please select an item from the list.', 'Select an item', mx.controls.Alert.OK)

}

希望对你有所帮助。

突出显示List组件

1 个答案: