display list

لیست نمایش یا Display List چیست ؟

بطور ساده هر چیزی که هنگام پخش فیلم فلش قابل رویت می باشد جزء لیست نمایش می باشد بعضی از این اشیاء را از کتابخانه فایل موجود در پروژه بصورت کشیدن و رها کردن روی استیج جزء لیست نمایش قرار می دهیم برخی دیگر را نیز بدون اینکه بطور دستی وارد استیج کنیم با کمک دستور در هنگام اجرا قابل رویت خواهند بود و دسته سوم نیز که در کتابخانه نیز موجود نمی باشند و فقط بصورت کد نوشته می شوند و هنگام اجرا قابل نمایش هستند موضوع درس این جلسه بوده که با مثالی قابل فهم می باشند.

var redCircle:Shape = new Shape();
redCircle.graphics.beginFill(0xFF0000);
redCircle.graphics.drawCircle(50, 50, 50);
this.addChild(redCircle);

var greenCircle:Shape = new Shape();
greenCircle.graphics.beginFill(0x00FF00);
greenCircle.graphics.drawCircle(75, 75, 50);
this.addChild(greenCircle);

var blueCircle:Shape = new Shape();
blueCircle.graphics.beginFill(0x0000FF);
blueCircle.graphics.drawCircle(100, 100, 50);
this.addChild(blueCircle);

هر دسته از خطوط بالا که یک لیست نمایش محسوب می شوند . می توانند دایره ای رنگی را در محل داده شده و با شعاع تعیین شده نمایش دهند.

برای این کار ابتدا یک نمونه از کلاس shape را با نام دلخواه ایجاد کرده .

و به کمک پروپرتی graphics و تابع beginFill که پارامتر رنگ را دریافت می کند

و تابع  drawCircle که سه پارامتر عددی بترتیب شامل طول و عرض محل نمایش دایره و شعاع دایره را دریافت می کنند لیست نمایش کامل می شود .

حال پس از تکمیل این خطوط با نوشتن تابع addChild که ورودی آن نام کلاس نمونه می باشد شکل بر روی استیج رسم می شود.شما تنها با کپی کردن این کدها در فریم اول فیلم تان و اجرای آن می توانید نتیجه را مشاهده کنید.

نکته : با کمک دستور مقابل می توانید با تعیین عمق نمایش هر تصویر تعیین کنید که شی مورد نظر شما در چه لایه ای باشد و کدام لایه ها بالاتر و کدام لایه ها پائینتر از آن قرار بگیرند . لایه ها از پائین به بالا با شماره صفر شروع شده و تا بالاترین لایه ادامه دارند.

this.addChildAt(blueCircle,0);

تبعا مشخص است که لایه های بالاتر لایه های پائینتر را با اشیاء خود می پوشانند .و هنگام استفاده از این ویژه گی باید دقت نمود همانگونه که برای استفاده از لایه های بصری قابل مشاهده در تایم لین باید دقت داشت .

استفاده از توابع در اکشن اسکریپت 3

در این جلسه روش استفاده از توابع را در اکشن اسکریپت 3 و در بخش پنل اکشن یک فریم نشان می دهیم .

با نوشتن متن کد زیر در پنل اکشن یک فریم شما می توانید یک تابع ساده را ابتدا تعریف کرده و سپس از آن استفاده کنید.

function PrintNumbers():void
{
    trace(1+2);
}

PrintNumbers();

در خط اول یک تابع با نام دلخواه با کمک کلمه کلیدی function   تعریف شده در انتهای خط نیز با نوشتن کلمه void  نشان می دهیم که این تابع هیچ نوع برگشتی ندارد و فقط یک عمل ساده انجام می دهد.

در بخش قابل اجرای تابع نیز فعلاٌ بدلیل پرهیز از شلوغی کار و همچین برای حفظ سادگی و فهم اصل موضوع فقط از دستور trace  استفاده کرده ایم . ضمناٌ همآنطور که حتماٌ متوجه شده اید این دستور می تواند عملیات ریاضی را برای پارامترها و یا همان ورودی های خود نیز انجام دهد که در اینجا عدد 2 و 1 را با هم جمع کرده و در پنل خروجی می نویسد .

نوشتن یک تابع به تنهایی نمی تواند هیچ کاری انجام دهد .

برای بکار گیری یک تابع همان طور که در خط آخر مشاهده می کنید نام تابع بهمراه دو عدد پرانتز باز و بسته و علامت سمی کالن را باید بنویسیم . پس از نوشتن این خط می توانیم برنامه را تست کنیم.

خروجی این برنامه عدد 3 می باشد .

در درس بعدی روش تعریف یک تابع که دارای پارامترهای ورودی و مقدار برگشتی می باشد را بیان می کنیم.

متغیرها در اکشن اسکریپت 3

در اینجا روش اعلان و استفاده از پنج نوع داده در اکشن اسکریپت 3 را می بینیم .

var myNumber1:Number = 12 ;
var myNumber2:uint = 15 ;
var myNumber3:int = -1478;
var myString:String = "My name is Reza." ;
var myBool:Boolean = true ;

trace (myNumber1);
trace (myNumber2);
trace (myNumber3);
trace (myString);
trace (myBool);

Number و int هم اعداد مثبت و هم منفی را می پذیرند.

uint فقط اعداد مثبت (بدون علامت) را می پذیرد.

String مخصوص نگه داری  رشته می باشد که شامل تمام کاراکترهای موجود است . البته نمی توان با اعدادی که بصورت رشته ذخیره می شوند عملیات ریاضی انجام داد.

Boolean نوعی داده است که فقط دو حالت دارد true  و   false

دستور trace در خطوط پائین ، برای خروجی گرفتن از بعضی کدها می باشد. این خروجی فقط در هنگام کد نویسی و تست برنامه و در بخش پنل output قابل رویت می باشد.

خروجی این چند خط کد ، بصورت مقابل در پنل output  مشاهده خواهند شد.

12
15
-1478
My name is Reza.
true

این چند خط کد در پنل اکشن مربوط به یک فریم نوشته شده و قابل اجرا می باشد.

دانلود فایل آموزشی اکشن اسکریپت

دانلود کتاب آموزش اکشن اسکریپت :

 بهترین کتاب آموزش اکشن اسکریپت را می توانید از اینجا دانلود کنید .