在瀏覽器中調整Flex應用程序的大小。 如何設置自動擴展高度

Question

我正在出於培訓目的開發小型應用程序。 單擊按鈕完成后，將新面板添加到應用程序中，並添加到應用程序的按鈕中。 一旦我遇到奇怪的問題。 垂直滾動條永遠不會出現。

這是我嵌入swf的方法：

<script type="text/javascript" src="/site_media/js/swfobject.js"></script>
<script type="text/javascript">
  var flashvars = {};
  flashvars.siteurl = "http://";
  var params = {};
  var attributes = {};
  attributes.id = "plist";
  swfobject.embedSWF("/site_media/apps/submitproblemme.swf", "myAlternativeContent", "710", "700", "9.0.0","/site_media/apps/expressInstall.swf", flashvars, params, attributes);
</script>

這是我定義應用程序的方式：

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" xmlns:ns1="ui.*" creationComplete="main(event)" width="730">

因此，單擊完成后，會將一個小面板添加到底部，因此我的應用程序必須動態擴展到按鈕（或至少創建滾動條）。

這是屏幕截圖： http : //img.skitch.com/20100208-xhh1mi93acyn5y19r8r8spn974.png

請幫忙！

Answer 1

嘿，我自己遇到了這個問題。

此處最好的方法是使用瀏覽器滾動條。 當您的應用程序SWF大於瀏覽器視口時，您希望調整瀏覽器窗口的大小。

您可以使用以下JavaScript庫來實現： SWFFit 。 將瀏覽器窗口設置為800x600左右，然后運行此swffit示例 。 它將使滾動條出現。

通過調整swfobject添加的object標簽的大小來工作。 一旦確定應用程序已調整大小，就必須調用這些方法。

如果要使用畫布滾動條而不是瀏覽器滾動條，是否可以顯示將面板添加到應用程序時使用的代碼？

Answer 2

這是最簡單的方法。 我們不需要其他插件/工具。 在index.html文件的樣式聲明中，粘貼以下代碼，

html, body  {height:100%; width:100%; min-width:800px; min-height:600px; overflow:auto; position:absolute;}

我希望它能正常工作。如果屏幕尺寸小於800X600，則會出現滾動條。 如果需要，還可以指定max-height和max-width。

Answer 3

另一個可能會或可能不會幫助您的情況：某些容器具有“ resizeToContent”屬性。 我知道viewStack有它。 可能會讓您的生活更輕松。