Aminneo
26-07-2006, 16:54
منبع سايت شايگان!
برای دریافت سورس این برنامه اینجا را کلیک کنید.
1. اجازه بدهید کار را با طراحی صفحه اسلاید که شامل یک قسمت نمایش و دکمه ها است شروع کنیم. ما مطابق شکل زیر چهار دکمه و یک قسمت نمایش درست کرده ایم شما هم سعی کنید ماند شکل زیر درست کنید.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
2. حال یک موی کلیپ به کمک آدرس Insert>New symbol درست کنید و نام آن را sliding window قرار دهید. این مووی کلیپ اسلاید شما را نمایش می دهد. درون این مووی کلیپ دو لایه به نام های mask و pages (شکل زیر) درست کنید.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
لایه mask محدوده نمایش اسلاید است که شما در این لایه به کمک ابزار Rectangle tools محدوده نمایش را مشخص می کنید و بر روی شکلی که کشیده اید کلیک و با رفتن به آدرس Modify>Group آن را به صورت گروه در می آورید.
در لایه pages یک مووی کلیپ به نام sliding pages درست کنید. درون این مووی کلیپ چیزهایی که این اسلاید می خواهد نمایش دهد قرار دارد.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
3. حال به طراحی دکمه می پردازیم. به صفحه اصلی (Scene 1) بروید و به ترتیب چهار دکمه به نام های Page4، Page3، Page2، Page1 بسازید. توجه داشته باشید که نام این دکمه ها در قسمت Action Script هم به کار رفته بنابراین اگر قصد تغییر نام این دکمه ها را دارید باید در Action Script هم تغییر دهید.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
4. به داخل مووی کلیپ sliding pages بروید و بر روی عکس و یا هر چیز دیگری در لایه pages قرار داده اید کلیک کنید و قسمت Action بروید و کد زیر را درون آن قرار دهید.
onClipEvent (load) {
_x = 0;
_y = 0;
spd = 8;
}
onClipEvent (enterFrame) {
_x += (endX-_x)/spd;
_y += (endY-_y)/spd;
_root.page1.onRelease = function() {
endX = 0;
endY = 0;
};
_root.page2.onRelease = function() {
endX = -220;
endY = 0;
};
_root.page3.onRelease = function() {
endX = -440;
endY = 0;
};
_root.page4.onRelease = function() {
endX = -660;
endY = 0;
};
}
در قسمت اول این کد، معرفی متغیرها است و در ادامه سرعت اسلاید را با متغیر Spd مشخص کرده، onRelease endX و endY بستگی به اندازه عکس های که در اسلاید استفاده کرده ایم بستگی دارد که در اینجا ما ارتفاع صفحات را 220px انتخاب کردیم بنابراین برای نمایش اسلاید صفحه دوم باید مقدار 220px- و همچنین صفحه سوم 440px- و صفحه چهارم 660px- (افزایش با 220px) قرارداد. page3 ،page2 ،page1 و page4 نام های کلید ها هستند که در مرحله قبل درست کرده بودیم.
حال اسلاید آماده است Ctrl+Enter را فشار دهید و نتیجه کار ببینید.
برای دریافت سورس این برنامه اینجا را کلیک کنید.
1. اجازه بدهید کار را با طراحی صفحه اسلاید که شامل یک قسمت نمایش و دکمه ها است شروع کنیم. ما مطابق شکل زیر چهار دکمه و یک قسمت نمایش درست کرده ایم شما هم سعی کنید ماند شکل زیر درست کنید.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
2. حال یک موی کلیپ به کمک آدرس Insert>New symbol درست کنید و نام آن را sliding window قرار دهید. این مووی کلیپ اسلاید شما را نمایش می دهد. درون این مووی کلیپ دو لایه به نام های mask و pages (شکل زیر) درست کنید.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
لایه mask محدوده نمایش اسلاید است که شما در این لایه به کمک ابزار Rectangle tools محدوده نمایش را مشخص می کنید و بر روی شکلی که کشیده اید کلیک و با رفتن به آدرس Modify>Group آن را به صورت گروه در می آورید.
در لایه pages یک مووی کلیپ به نام sliding pages درست کنید. درون این مووی کلیپ چیزهایی که این اسلاید می خواهد نمایش دهد قرار دارد.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
3. حال به طراحی دکمه می پردازیم. به صفحه اصلی (Scene 1) بروید و به ترتیب چهار دکمه به نام های Page4، Page3، Page2، Page1 بسازید. توجه داشته باشید که نام این دکمه ها در قسمت Action Script هم به کار رفته بنابراین اگر قصد تغییر نام این دکمه ها را دارید باید در Action Script هم تغییر دهید.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
4. به داخل مووی کلیپ sliding pages بروید و بر روی عکس و یا هر چیز دیگری در لایه pages قرار داده اید کلیک کنید و قسمت Action بروید و کد زیر را درون آن قرار دهید.
onClipEvent (load) {
_x = 0;
_y = 0;
spd = 8;
}
onClipEvent (enterFrame) {
_x += (endX-_x)/spd;
_y += (endY-_y)/spd;
_root.page1.onRelease = function() {
endX = 0;
endY = 0;
};
_root.page2.onRelease = function() {
endX = -220;
endY = 0;
};
_root.page3.onRelease = function() {
endX = -440;
endY = 0;
};
_root.page4.onRelease = function() {
endX = -660;
endY = 0;
};
}
در قسمت اول این کد، معرفی متغیرها است و در ادامه سرعت اسلاید را با متغیر Spd مشخص کرده، onRelease endX و endY بستگی به اندازه عکس های که در اسلاید استفاده کرده ایم بستگی دارد که در اینجا ما ارتفاع صفحات را 220px انتخاب کردیم بنابراین برای نمایش اسلاید صفحه دوم باید مقدار 220px- و همچنین صفحه سوم 440px- و صفحه چهارم 660px- (افزایش با 220px) قرارداد. page3 ،page2 ،page1 و page4 نام های کلید ها هستند که در مرحله قبل درست کرده بودیم.
حال اسلاید آماده است Ctrl+Enter را فشار دهید و نتیجه کار ببینید.