flex实现全屏

最新推荐文章于 2023-12-08 09:26:30 发布
最新推荐文章于 2023-12-08 09:26:30 发布
阅读量1k 收藏
点赞数
文章标签： flex application flash browser adobe stylesheet
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiaowodiedie/article/details/4753111
版权

flex实现全屏，要改两个地方：1. as里面的代码，要写相应的代码。2. html-template/index.template.html 工程下面的这个模版要做修改

   as部分：

             在mxml中，我只加了一个按钮

                <mx:Button id="btnReSize" styleName="fullButton"  buttonMode="true" fontSize="14" click="fullScreenFun()"/>

             在脚本中加：

                 /**
                     * 全屏 普通
                     *
                     */
                 private function fullScreenFun():void
                  {
                         if (stage.displayState == StageDisplayState.NORMAL)
                           {
                                stage.displayState=StageDisplayState.FULL_SCREEN;
                                btnReSize.styleName="revertButton";
                           }
                            else
                           {
                              stage.displayState=StageDisplayState.NORMAL;
                               btnReSize.styleName="fullButton";
                           }
                  }

  1.   index.template.html 修改：

        红色注释，加上3句话。
       <!-- saved from url=(0014)about:internet -->
       <html lang="en">
       <!--
       Smart developers always View Source.
       This application was built using Adobe Flex, an open source framework
       for building rich Internet applications that get delivered via the
       Flash Player or to desktops via Adobe AIR.
       Learn more about Flex at http://flex.org
       // -->
       <head>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       <!--  BEGIN Browser History required section -->
       <link rel="stylesheet" type="text/css" href="history/history.css" />
       <!--  END Browser History required section -->
       <title>${title}</title>
       <script src="AC_OETags.js" language="javascript"></script>
       <!--  BEGIN Browser History required section -->
       <script src="history/history.js" language="javascript"></script>
       <!--  END Browser History required section -->
       <style>
       body { margin: 0px; overflow:hidden }
       </style>
       <script language="JavaScript" type="text/javascript">
       <!--
       // -----------------------------------------------------------------------------
       // Globals
       // Major version of Flash required
       var requiredMajorVersion = ${version_major};
       // Minor version of Flash required
       var requiredMinorVersion = ${version_minor};
       // Minor version of Flash required
       var requiredRevision = ${version_revision};
       // -----------------------------------------------------------------------------
       // -->
       </script>
       </head>
       <body scroll="no">
       <script language="JavaScript" type="text/javascript">
       <!--
       // Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
       var hasProductInstall = DetectFlashVer(6, 0, 65);
       // Version check based upon the values defined in globals
       var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
       if ( hasProductInstall && !hasRequestedVersion ) {
        // DO NOT MODIFY THE FOLLOWING FOUR LINES
        // Location visited after installation is complete if installation is required
        var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
        var MMredirectURL = window.location;
           document.title = document.title.slice(0, 47) + " - Flash Player Installation";
           var MMdoctitle = document.title;
        AC_FL_RunContent(
         "src", "playerProductInstall",
         "FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
         "width", "${width}",
         "height", "${height}",
         "align", "middle",
         "id", "${application}",
         "quality", "high",
         "bgcolor", "${bgcolor}",
         "name", "${application}",
         "allowScriptAccess","sameDomain",
         "allowFullScreen","true",                            //这里加上一句!
         "type", "application/x-shockwave-flash",
         "pluginspage", "http://www.adobe.com/go/getflashplayer"
        );
       } else if (hasRequestedVersion) {
        // if we've detected an acceptable version
        // embed the Flash Content SWF when all tests are passed
        AC_FL_RunContent(
          "src", "${swf}",
          "width", "${width}",
          "height", "${height}",
          "align", "middle",
          "id", "${application}",
          "quality", "high",
          "bgcolor", "${bgcolor}",
          "name", "${application}",
          "allowScriptAccess","sameDomain",
          "allowFullScreen","true",                                  //这里加上一句!
          "type", "application/x-shockwave-flash",
          "pluginspage", "http://www.adobe.com/go/getflashplayer"
        );
         } else {  // flash is too old or we can't detect the plugin
           var alternateContent = 'Alternate HTML content should be placed here. '
          + 'This content requires the Adobe Flash Player. '
           + '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
           document.write(alternateContent);  // insert non-flash content
         }
       // -->
       </script>
       <noscript>
          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
          id="${application}" width="${width}" height="${height}"
          codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
          <param name="movie" value="${swf}.swf" />
          <param name="quality" value="high" />
          <param name="bgcolor" value="${bgcolor}" />
          <param name="allowScriptAccess" value="sameDomain" />
          <embed src="${swf}.swf" quality="high" bgcolor="${bgcolor}"
           width="${width}" height="${height}" name="${application}" align="middle"
           play="true"
           loop="false"
           quality="high"
           allowScriptAccess="sameDomain"
           allowFullScreen="true"                                  //这里加上一句!
           type="application/x-shockwave-flash"
           pluginspage="http://www.adobe.com/go/getflashplayer">
          </embed>
        </object>
       </noscript>
       </body>
       </html>

易时能
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
CSS——css flex 布局背景图自适应铺满
qq_43201350的博客
01-04 618
CSS——css flex 布局背景图自适应铺满
Flex 全屏组件　部分全屏的实现代码
10-29
一般情况下，Flex全屏是指将整个舞台全屏，而不是待定的组件全屏．网上的例子也一般是指这种情况的．
uniapp nvue占满全屏样式
米六的博客
12-30 3813
.最外层盒子的id/class { width:750rpx; flex:1; } nvue的css仅支持flex布局，nvue的css仅支持flex布局 (官方原话)
实现全屏布局的 3 种方式
一碗周
01-03 1219
写在前面 对 CSS 布局掌握程度决定你在 Web 开发中的开发页面速度。随着 Web 技术的不断革新，实现各种布局的方式已经多得数不胜数了。 最近利用碎片时间，大概用了半个月的时间整理了一个系列，本系列文章总结了 CSS 中的各种布局，以及实现方式及其常用技巧。让你通过该系列文章对 CSS 布局有一个新的认识。 该系列的导航帖点我进入，里面可以快速跳转到你想了解的文章(建议收藏) 全屏布局概述 全屏布局主要应用在后台，主要效果如下所示： 实现全屏布局的 3 种方式 在开始今天的文章之前，我们先把今天的主
flex弹性布局
qq_44718039的博客
06-22 771
flex布局
uniapp nvue 自适应屏幕高度 双列布局
m0_64609098的博客
05-14 2161
nvue 自适应屏幕高度 双列布局
Flex 组件全屏　部分全屏的实现 代码
09-19
标题"Flex 组件全屏　部分全屏的实现 代码"涉及到如何在Flex环境中实现一个特定组件的全屏显示，而不仅仅是将整个舞台全屏化。描述中提到，虽然网上大多数例子都是关于舞台全屏的实现，但这里我们将探讨如何让某个...
Flex 3.2全屏模式的解决办法
03-17
本篇文章将深入探讨如何在Flex 3.2中实现全屏模式，以及与之相关的知识点。 全屏模式是许多应用程序中一个常见的需求，它允许用户沉浸式地体验应用，消除其他界面元素的干扰。在Flex 3.2中，全屏模式的实现主要依赖...
Flex 实现可以拖动的毛玻璃效果
10-29
在本文中，我们将探讨如何使用Adobe Flex来实现一个可拖动的毛玻璃效果。毛玻璃效果，也称为模糊效果，通常用于提供一个半透明、视觉上柔和的界面元素，允许用户透过它看到背景的一部分，同时保持一定的清晰度。在...
Flex 全屏显示 JasPine.rar
11-12
这个方法涉及到如何在Flash Player中实现全屏模式，并且对全屏状态下的背景颜色进行了定制。 在Flex中，全屏模式的切换通常由ActionScript代码控制。`goFullScreen`方法就是这样一个关键函数，用于将当前显示对象或...
如何将屏幕的剩余空间占满，并出现滚动条。
m0_61665835的博客
03-15 1428
将屏幕的剩余空间占满，并出现滚动条。
flex全屏代码 界面全屏
07-01
flex全屏代码界面全屏flex全屏代码界面全屏
vue3前端实现全屏显示，元素垂直填满页面
最新发布
StevenYanghahha的博客
12-08 3129
2、使用flex属性+ flex-direction 实现垂直布局填满整个页面。1、 toggleFullscreen方法实现选定元素全屏展示。
flex实现组件全屏化
12-24 146
  最近开发使用到了flex 开始学习，发现flex真的很强大，一直想发点东西可是又总结不出重点的知识点，今天公司要实现一个效果，查询了一些网站后完成了，感觉不错，发上来分享一下。 1、要实现flex内部的全屏效果，也就是在点击一个按钮的时候全屏化然后点击ESC可以退出全屏，首先需要修改flex内部的系统html文件（html-template包下的 index.template.html文件...
Flex全屏模式设置
Axure原型设计工场
10-10 359
在浏览器中或独立的播放器中使用全屏模式，只需要下面两步即可 1.写个方法，用来切换场景显示模式 java 代码 public static function toggleDisplayState(stage:Stage):void{        stage.displayState = (stage.displayState ==             Stag...
Flex 组件全屏　部分全屏的实现
xinqinglhj的专栏
09-19 5691
 一般情况下，Flex全屏是指将整个舞台全屏，而不是待定的组件全屏．网上的例子也一般是指这种情况的． 下面发布一下，将特定组件全屏的现在代码： <!--[CDATA[ // import com.util.fullscreen.FullScreenUtil; private function fullScree
Flex AIR 全屏和初始化全屏
泛中游
12-23 5242
Flex AIR 全屏是通过设置stage的displayState属性来实现的。      初始化全屏： <s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe
Flex全屏方法介绍
weixin_33991727的博客
06-12 112
最近在做工作流的流程设计工具相关的内容，web应用使用了比较标准的分布方式，即上、左、右的布局方式，这样做的结果就是设计工具的设计界面相对较小，当遇到比较复杂的流程时就感觉设计的流程比较紧凑，设计工具的易用性不够好。为了解决这个问题，需要支持Flex的全屏模式。 想了下，可以通过以下方式实现Flex的全屏： 使用Flex的FullScreen模式，具体实现方式为： 修改...
Flex实现全屏(FullScreen)效果
Ghosthuo的专栏
12-14 2085
原文：http://hi.baidu.com/honglin01/blog/item/8474d2ad029b3f044a36d667.html 首先在找到工程下的index.template.html文件 index.template.html文件代码如下：需要加入三条，我在后面有加注释噢 Smart developers always View Sou
网页全屏翻页特效使用jq实现
05-31
下面是一个使用jQuery实现的网页全屏翻页特效的示例代码： HTML代码： ```html <!DOCTYPE html> 网页全屏翻页特效 第一页 这是第一页的内容。 第二页 这是第二页的内容。 第三页 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值