隨著現(xiàn)在寬屏顯示器的流行,F(xiàn)lash的全屏模式下,越來越需要考慮到普屏顯示器與寬屏顯示器的差別。
[1b]Flash全屏模式有以下特點(diǎn)[/1b]:
窗口最大化,且置頂顯示;
在默認(rèn)(flash內(nèi)容自動(dòng)縮放)狀態(tài)下, swf文件保持長寬比進(jìn)行縮放,直到寬、高有其一先達(dá)到屏幕尺寸。
當(dāng)屏幕長寬比與swf文件長寬比不同時(shí),將顯示flash舞臺(tái)區(qū)域外內(nèi)容。 根據(jù)這些特性,我們制作的flash在全屏播放時(shí)有以下效果:由于生成的swf文件的長寬比固定,但客戶端顯示器分辨率多種多樣,勢(shì)必導(dǎo)致flash舞臺(tái)區(qū)域外內(nèi)容會(huì)顯示在某些客戶端顯示器屏幕中。當(dāng)swf文件是窄比例時(shí),在寬屏顯示器下,左右兩邊會(huì)出現(xiàn)舞臺(tái)區(qū)域外內(nèi)容;當(dāng)swf文件是寬比例時(shí),在窄屏顯示器下,上下兩端會(huì)出現(xiàn)舞臺(tái)區(qū)域外內(nèi)容。

這里就牽涉出兩個(gè)概念區(qū)域:“安全區(qū)域”和“最大顯示區(qū)域”。我們這里所謂的“安全區(qū)域”,與視頻制作時(shí)的監(jiān)視器安全區(qū)域類似,即:swf文件不管在什么顯示器分辨率下,都會(huì)完全置于顯示器屏幕內(nèi)的區(qū)域。我們所有的內(nèi)容都必須處于這“安全區(qū)域”內(nèi),使得所有客戶端都能看到這部分信息,以免造成信息遺漏。而“安全區(qū)域”外的內(nèi)容,則需填充與內(nèi)容無關(guān)的修飾背景,確保各分辨率下的整體美觀效果。“安全區(qū)域”外內(nèi)容在某分辨率下能顯示出的最大區(qū)域即為“最大顯示區(qū)域”。為什么要定這兩個(gè)區(qū)域?“安全區(qū)域”保證了我們?cè)谥谱鱢lash時(shí)所有內(nèi)容不會(huì)顯示在屏幕外,“最大顯示區(qū)域”指導(dǎo)我們制作填充背景的大小。
有了以上分析后,我們?cè)趧?dòng)手設(shè)計(jì)一個(gè)全屏flash動(dòng)畫前,就應(yīng)該先定出這兩個(gè)區(qū)域:“安全區(qū)域”和“最大顯示區(qū)域”。“安全區(qū)域”就是flash的舞臺(tái)區(qū)域,用寬舞臺(tái)或窄舞臺(tái),視項(xiàng)目的需求而定;“最大顯示區(qū)域”則根據(jù)你的舞臺(tái)長寬比:如果是寬舞臺(tái),“最大顯示區(qū)域”與舞臺(tái)同寬而上下延伸;如果是窄舞臺(tái),“最大顯示區(qū)域”與舞臺(tái)同高而左右擴(kuò)展。
[1b]以下我們以窄舞臺(tái)為例做分析[/1b]:
我們常見的顯示器分辨率按其長寬比可分為為:4:3(1024×768)、5:4(1280×1024)、16:9、16:10。長寬比越大、顯示區(qū)域越寬,四種常見長寬比中,5:4最窄,16:9最寬,所以我們以5:4做為窄舞臺(tái)“安全區(qū)域”的長寬比時(shí),其“最大顯示區(qū)域”必須滿足最寬的顯示器分辨率,即以16:9為窄舞臺(tái)對(duì)應(yīng)的“最大顯示區(qū)域”長寬比時(shí),4:3和16:10分辨率顯示器下都能滿足我們的顯示要求。

在窄舞臺(tái)情況下,“安全區(qū)域”和“最大顯示區(qū)域”有相同的高度,所以在5:4和16:9兩種長寬比下的高度最小公倍數(shù)是36,他們對(duì)應(yīng)的寬度為45和64,兩個(gè)長寬比可換算成45:36和64:36。當(dāng)舞臺(tái)大小按窄舞臺(tái)標(biāo)準(zhǔn)設(shè)定時(shí):
“最大顯示區(qū)域”寬度=舞臺(tái)寬度×(64/45)

同理可得:
當(dāng)舞臺(tái)大小按寬舞臺(tái)標(biāo)準(zhǔn)設(shè)定時(shí):“最大顯示區(qū)域”高度=舞臺(tái)高度×(64/45)。
本文轉(zhuǎn)自:http://www.5uflash.com/flashjiaocheng/Flashjichucaozuo/4796.html
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號(hào)聯(lián)系: 360901061
您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長非常感激您!手機(jī)微信長按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊(cè),切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
