2012-08-02 76 views
2

我正在嘗試根據屏幕分辨率調整Edge動畫的大小。我已經爲1080p和更高分辨率的屏幕製作了高分辨率的屏幕,但由於該項目相當複雜,我想知道是否有一種方法可以將邊緣的動畫以不同的尺寸導出,而無需重做所有內容幾次小屏幕。是否可以調整Adobe Edge動畫的大小?

回答

1

我會嘗試在DIV或框架中執行此操作,並使用CSS縮放選項。一些提示here

+0

一個很好的答案,但我剛剛發現這是一個專有的微軟擴展,僅與IE一起工作。 – 2012-08-02 08:44:44

+0

什麼是專有的Microsoft擴展?這個評論對我來說沒有任何意義。這是參考此頁面上的內容嗎? – Jake 2012-08-29 18:28:17

1

我打算使用CSS3的transform:scale,結合媒體查詢來解決這個問題。

0

打開hi res文件,將div中的所有內容分組,將div的大小調整爲所需的寬度和高度。如果有任何圖像文件,請確保以正確的大小保存它們以避免質量差的瀏覽器重新調整大小。保存每個版本並將其上傳到服務器上的其他位置。

然後把這個到文檔的頭:

<script> 
    if ((960 < screen.width < 1024) && (640 < screen.height < 768)) { 
     window.location = 'www.YOURURL.com/ipad'; 
    } 
    else if ((screen.width < 960) && (screen.height < 640)) { 
     window.location = 'www.YOURURL.com/iphone'; 
    } 
</script> 

這將重定向基於iPad或iPhone的屏幕分辨率,但你可以調整到任何你喜歡的。

1

我發現這是一個很好的解決方案。 將調整大小觸發器添加到舞臺中。將此代碼粘貼到裏面:

if ($(window).width() < 960) { 
    if ($(window).width() < 600) { 
     sym.stop("layout400"); 
    } else { 
     sym.stop("layout600"); 
    } 
} else { 
    sym.stop("layout960"); 
} 

然後在時間軸中使用名稱layout960,layout600和layout400製作三個不同的標籤。現在,您可以避免Edge每次重新加載並跳過Edge Docks(至少對於響應)。

0

如果要使用標籤進行標記並將其添加到舞臺上,請將所有佈局存儲爲符號。即使您沒有到達屏幕標記,您放置在舞臺時間線上的任何東西都存在於DOM中。

3

也有這個現在這有助於基於父bScaleToParent規模:

AdobeEdge.loadComposition('MyComp', 'EDGE-985368975', { 
      scaleToFit: "both", 
      centerStage: "horizontal", 
      minW: "0", 
      maxW: "undefined", 
      width: "1540px", 
      height: "3004px", 
      bScaleToParent: true 
    }, {dom: [ ]}, {dom: [ ]}); 

這是有幫助的:https://forums.adobe.com/message/6939673#6939673

+0

爲什麼地球上這是一個隱藏的選擇?!瘋狂。 – 2015-11-06 14:30:14