滿版底色 10月 13, 2008 有時我們在Design時，會需要放置一塊底色或是線段能讓他一直是滿版。但用for迴圈來排好像不方便寫了個class，方便製作這樣的功能我在shisdieo專案裡，這個功能很常用喔SourceCode Download 分享 取得連結 Facebook X Pinterest 以電子郵件傳送 其他應用程式 標籤 FLASHAS2 FLASHAS3 分享 取得連結 Facebook X Pinterest 以電子郵件傳送 其他應用程式 留言 匿名表示… 請問一下~可以像這個http://mediakidlab.googlepages.com/fullBrower.html的背景一樣~隨畫面縮放~而且不變形嗎?他是用AS3寫的~AS2可以嗎? milkmidi寫道… 好的，這篇教學http://milkmidi.blogspot.com/2008/12/blog-post.html 匿名表示… 不好意思耶~我想請教最主要是他中間的主圖會跟著縮放~而且不變形,而不是四個角會跟著螢幕移動~謝謝^^ milkmidi寫道… 一樣呀在onResize時clip.width = stage.stageWidthclip.scaleY = clip.scaleX這樣即可 匿名表示… 我之前有找到一個還不錯的~他的圖放大縮小都會保持比例(重點是他不會縮小到超出場景大小)但他是3.0寫的我想改2.0~還是改不出來@@................................stage.align=StageAlign.TOP_LEFT;stage.scaleMode=StageScaleMode.NO_SCALE;stage.addEventListener(Event.RESIZE,onStageResize);var widthlimit:int = 700;// 長寬的限制var heightlimit:int = 500;bg.x = 0;bg.y = 0;onStageResize(null); // 開啟時對齊dynamicNavi();// 對齊function onStageResize(e:Event):void { if ( stage.stageWidth > widthlimit || stage.stageHeight > heightlimit) { keepRatio(); dynamicNavi(); } else { bg.width = widthlimit; bg.height = heightlimit; }}// 保持比例function keepRatio():void { bg.width = stage.stageWidth; bg.scaleY = bg.scaleX; if (bg.height < stage.stageHeight) { bg.height = stage.stageHeight; bg.scaleX = bg.scaleY; }}..................................以下是我改的Stage.align = "LT"; Stage.scaleMode = "noScale"; Stage.addListener(this); function onResize() { bg._width = Stage.width; bg._height = Stage.height; my_mc._x = Stage.width/2; my_mc._y = Stage.height/2; } onResize(); milkmidi寫道… 原理一樣呀只要把AS3的Code轉成AS2就可以了 匿名表示… Code怎麼轉成AS2?我不太了解耶~不好意思~ milkmidi寫道… Stage.align="TL"Stage.scaleMode="noScale"Stage.addListener(this);var widthlimit:Number = 700;// 長寬的限制var heightlimit:Number = 500;bg._x = 0;bg._y = 0;onResize(); // 開啟時對齊dynamicNavi();// 對齊function onResize():void {if ( Stage.width > widthlimit || Stage.height > heightlimit) {keepRatio();dynamicNavi();} else {bg._width = widthlimit;bg._height = heightlimit;}}// 保持比例function keepRatio():void {bg._width = Stage.width;bg._yscale = bg._xscale;if (bg._height < Stage.height) {bg._height = Stage.height;bg._xscale = bg._yscale;}} 匿名表示… 非常感謝~真的~我會 匿名表示… DEAR,前輩~~我還是不懂ㄟ我COPY您的code 貼在第一個影格，背景圖的movie 命名為 "bg"但是出現錯誤訊息第13行 ':' 之後需有類型識別名稱。function onResize():void {第23行 ':' 之後需有類型識別名稱。function keepRatio():void {然後並沒有像 以下這一個連結一樣，寫著BG的那一張背景可以縮到某依尺寸後就不會一直縮下去http://mediakidlab.googlepages.com/fullBrower.html請問HTML 的檔案要做怎樣的設定嗎，我只是把FLASH尺寸設定為 長100% 寬100% 另外 若是我還是想要像 http://mediakidlab.googlepages.com/fullBrower.html 這樣要有那四個角，那程式應該怎摸寫呢? milkmidi寫道… Sorry,我一時筆誤把void改成Void就可以了 milkmidi寫道… 可以參考這一篇新的教學http://milkmidi.blogspot.com/2009/05/align.html 匿名表示… 老師你好，我想問一下現在很多網頁背景都是圖片，但他們都可以跟著縮放而不失真，是不是本身圖片很大，我自己有試著做過，從外部讀取圖片進來，但是SWF一開的時候照片不會作縮放，就很大要拉一下視窗調整的才會變正常，請問要怎麼修正呢? 匿名表示… 老師你好~我寫的bg是一個影片片段所以bg的寬度和高度都會隨時間軸改變用bg._width = Stage.width;去縮放就會亂掉我試著用乘法bg._width = (Stage.width/1024)*影片片段的寬度;不過卻不知道怎麼表示"影片片段的寬度"請教一下老師會怎麼解決這種問題@@? milkmidi寫道… 時間軸影格動畫和程式碼不能同時用會以程式碼為主 armen表示… 爬了以前的文~終於成功用了AS可以隨著縮放改變但是我想問一下我FLASH寫好之後要怎樣丟進HTML裡面???HTML要怎樣寫!?http://www.mcdonalds.com.tw/ <<像這個網頁這樣謝謝@@ 匿名表示… 作者已經移除這則留言。 匿名表示… 您好：我是flash製作網頁超級初學者XD，我想請教的是我把它發佈到網頁瀏覽器的時候，右邊跟下面會有空白，等於說我所作的東西都被集中在左上角，我試過許多版面尺寸都沒有辦法解決，也爬了一些文，但我因為太初學，所以我也不知道您的這篇是否是可以解決這個問題的方法，還是是要用其它方式，再麻煩您解答，如果太過初淺請見諒～～謝謝～！
留言
的背景一樣~隨畫面縮放~而且不變形嗎?
他是用AS3寫的~AS2可以嗎?
http://milkmidi.blogspot.com/2008/12/blog-post.html
在onResize時
clip.width = stage.stageWidth
clip.scaleY = clip.scaleX
這樣即可
他的圖放大縮小都會保持比例(重點是他不會縮小到超出場景大小)
但他是3.0寫的
我想改2.0~還是改不出來@@
................................
stage.align=StageAlign.TOP_LEFT;
stage.scaleMode=StageScaleMode.NO_SCALE;
stage.addEventListener(Event.RESIZE,onStageResize);
var widthlimit:int = 700;// 長寬的限制
var heightlimit:int = 500;
bg.x = 0;
bg.y = 0;
onStageResize(null); // 開啟時對齊
dynamicNavi();
// 對齊
function onStageResize(e:Event):void {
if ( stage.stageWidth > widthlimit || stage.stageHeight > heightlimit) {
keepRatio();
dynamicNavi();
} else {
bg.width = widthlimit;
bg.height = heightlimit;
}
}
// 保持比例
function keepRatio():void {
bg.width = stage.stageWidth;
bg.scaleY = bg.scaleX;
if (bg.height < stage.stageHeight) {
bg.height = stage.stageHeight;
bg.scaleX = bg.scaleY;
}
}
..................................
以下是我改的
Stage.align = "LT";
Stage.scaleMode = "noScale";
Stage.addListener(this);
function onResize() {
bg._width = Stage.width;
bg._height = Stage.height;
my_mc._x = Stage.width/2;
my_mc._y = Stage.height/2;
}
onResize();
只要把AS3的Code轉成AS2就可以了
我不太了解耶~不好意思~
Stage.scaleMode="noScale"
Stage.addListener(this);
var widthlimit:Number = 700;// 長寬的限制
var heightlimit:Number = 500;
bg._x = 0;
bg._y = 0;
onResize(); // 開啟時對齊
dynamicNavi();
// 對齊
function onResize():void {
if ( Stage.width > widthlimit || Stage.height > heightlimit) {
keepRatio();
dynamicNavi();
} else {
bg._width = widthlimit;
bg._height = heightlimit;
}
}
// 保持比例
function keepRatio():void {
bg._width = Stage.width;
bg._yscale = bg._xscale;
if (bg._height < Stage.height) {
bg._height = Stage.height;
bg._xscale = bg._yscale;
}
}
我還是不懂ㄟ
我COPY您的code 貼在第一個影格，背景圖的movie 命名為 "bg"
但是出現錯誤訊息
第13行 ':' 之後需有類型識別名稱。
function onResize():void {
第23行 ':' 之後需有類型識別名稱。
function keepRatio():void {
然後並沒有像 以下這一個連結一樣，寫著BG的那一張背景可以縮到某依尺寸後就不會一直縮下去http://mediakidlab.googlepages.com/fullBrower.html
請問HTML 的檔案要做怎樣的設定嗎，我只是把FLASH尺寸設定為 長100% 寬100%
另外 若是我還是想要像 http://mediakidlab.googlepages.com/fullBrower.html 這樣要有那四個角，那程式應該怎摸寫呢?
把
void改成Void
就可以了
http://milkmidi.blogspot.com/2009/05/align.html
我寫的bg是一個影片片段
所以bg的寬度和高度都會隨時間軸改變
用bg._width = Stage.width;去縮放就會亂掉
我試著用乘法bg._width = (Stage.width/1024)*影片片段的寬度;
不過卻不知道怎麼表示"影片片段的寬度"
請教一下老師會怎麼解決這種問題@@?
會以程式碼為主
終於成功用了AS可以隨著縮放改變
但是我想問一下
我FLASH寫好之後
要怎樣丟進HTML裡面???HTML要怎樣寫!?
http://www.mcdonalds.com.tw/ <<像這個網頁這樣
謝謝@@
我是flash製作網頁超級初學者XD，我想請教的是我把它發佈到網頁瀏覽器的時候，右邊跟下面會有空白，等於說我所作的東西都被集中在左上角，我試過許多版面尺寸都沒有辦法解決，也爬了一些文，但我因為太初學，所以我也不知道您的這篇是否是可以解決這個問題的方法，還是是要用其它方式，再麻煩您解答，如果太過初淺請見諒～～謝謝～！