zoukankan      html  css  js  c++  java
  • Using the Image control as a pop up (转载)

    The following example shows how you can use the PopUpManager class to launch an modal Image control.

    <?xml version="1.0" encoding="utf-8"?>
    <!-- http://blog.flexexamples.com/2007/10/18/using-the-image-control-as-a-pop-up/ -->
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
            layout
    ="vertical"
            verticalAlign
    ="middle"
            backgroundColor
    ="white">

        
    <mx:Style>
            global {
                modalTransparencyBlur: 0;
                modalTransparency: 0.9;
                modalTransparencyColor: black;
                modalTransparencyDuration: 500;
            }
        
    </mx:Style>

        
    <mx:Script>
            
    <![CDATA[
                import mx.controls.Image;
                import mx.managers.PopUpManager;

                private const IMG_PREFIX:String = "http://www.helpexamples.com/flash/images/";

                private function popIt(src:String):void {
                    var img:Image = new Image();
                    img.addEventListener(MouseEvent.CLICK, img_click);
                    img.addEventListener(Event.COMPLETE, img_complete);
                    img.load(IMG_PREFIX + src);
                    img.toolTip = img.source.toString();
                    PopUpManager.addPopUp(img, this, true);
                }

                private function img_complete(evt:Event):void {
                    var img:Image = evt.currentTarget as Image;
                    img.width = img.contentWidth;
                    img.height = img.contentHeight;
                    PopUpManager.centerPopUp(img);
                }

                private function img_click(evt:MouseEvent):void {
                    var img:Image = evt.currentTarget as Image;
                    PopUpManager.removePopUp(img);
                }
            
    ]]>
        
    </mx:Script>

        
    <mx:ApplicationControlBar dock="true">
            
    <mx:Button label="image 1" click="popIt('image1.jpg');" />
            
    <mx:Button label="image 2" click="popIt('image2.jpg');" />
            
    <mx:Button label="image 3" click="popIt('image3.jpg');" />
        
    </mx:ApplicationControlBar>

    </mx:Application>

     
  • 相关阅读:
    (引)spring学习笔记1.什么是控制反转
    Arduino 各种模块篇 步进电机 step motor 舵机 servo 直流电机 总复习
    Raspberry Pi Wireless Adaptor
    Pyramid 使用总结1
    Arduino 各种模块篇 人体红外感应模块 proximity sensor
    Pyramid 使用总结2
    Webcam Streaming Desktop Recording on Linux for ubuntu or its destros
    Arduino 各种模块篇 步进电机 step motor( 不用库,不用shield, 纯)
    Arduino 各种模块篇 motor shield 电机扩展板(舵机、直流电机、步进电机party)
    转载 stepper motors
  • 原文地址:https://www.cnblogs.com/wuhenke/p/1642790.html
Copyright © 2011-2022 走看看