zoukankan      html  css  js  c++  java
  • flex 图片自动适应大小

    <!-- http://blog.flexexamples.com/2007/08/07/creating-full-screen-flex-applications/ -->
    <mx:Application name="FullScreen_test" xmlns:mx="http://www.adobe.com/2006/mxml" 
        layout
    ="absolute" applicationComplete="app(event)"  width="800" height="500">
        
    <mx:Script>
        
    <![CDATA[
                import mx.controls.Alert;
                import mx.events.EffectEvent;
                import mx.events.FlexEvent;
                
                
                protected function app(event:FlexEvent):void
                {
                    img.source="3.jpg";
                    img.addEventListener(Event.COMPLETE, imgLoadFinish);
                }
                private function imgLoadFinish(evt:Event):void
                {
                    //原始图片的大小
                    var real_Number = img.contentWidth;
                    var real_height:Number = img.contentHeight;
                    //容器的大小
                    var flashWidth:Number = this.width;
                    var flashHeight:Number = this.height;
                    //比值
                    var w_bi:Number = real_width/width;
                    var h_bi:Number = real_height/height;
                   
                    if(w_bi < 1 && h_bi <1)
                    {
                        img.width = img.content.width;
                        img.height = img.content.height;
                    }
                    else
                    {
                        if(w_bi > h_bi)
                        {
                            img.width = flashWidth;
                            img.height = real_height * flashWidth / real_width;
                        }
                        else
                        {
                            img.height = flashHeight;
                            img.width = real_width * flashHeight / real_height;
                        }
                    }
                    img.x = (flashWidth - img.width) / 2;
                    img.y = (flashHeight - img.height) / 2;
                }
            
    ]]>
        
    </mx:Script>
        
    <mx:Canvas x="0" y="0" width="100%" height="100%" id="divMain" horizontalScrollPolicy="off" verticalScrollPolicy="off" >
            
    <mx:Image id="img" />
        
    </mx:Canvas>
    </mx:Application>

  • 相关阅读:
    2017-2018-1 20155330 《信息安全系统设计基础》第11周学习总结
    2017-2018-1 20155321 20155330 《信息安全技术》 实验四 木马及远程控制技术
    2017-2018-1 20155330 《信息安全系统设计基础》第10周课堂测试&课下作业
    2017-2018-1 20155330 《信息安全系统设计基础》第9周学习总结
    2017-2018-1 20155321 20155330 《信息安全系统设计基础》实验三——实时系统
    2017-2018-1 20155330 《信息安全系统设计基础》加分项目--实现mypwd
    Web基础
    附录2
    C++中cout.setf()函数
    C++ 输入输出运算符重载
  • 原文地址:https://www.cnblogs.com/chixiaojin/p/2078547.html
Copyright © 2011-2022 走看看