اسکین برای کمپونت ها skin

در ادامه آموزش قبلی یعنی کمپونت ها ما استیل ها را بررسی کردیم خوب بعد از استیل ها نوبت حالات دینامیکی این کمپونت است مثل در حالت عادی چگونه باشد وقتی موس روی آن حرکت کرد چگونه باشد و چند حالت دیگر :

Property	Description	Default value
falseUpSkin	The up (normal) state of the header above all collapsed children.	accordionHeaderSkin
falseDownSkin	The pressed state of the header above all collapsed children.	accordionHeaderSkin
falseOverSkin	The rolled-over state of the header above all collapsed children.	accordionHeaderSkin
falseDisabled	The disabled state of the header above all collapsed children.	accordionHeaderSkin
trueUpSkin	The up (normal) state of the header above the expanded child.	accordionHeaderSkin
trueDownSkin	The pressed state of the header above the expanded child.	accordionHeaderSkin
trueOverSkin	The rolled-over state of the header above the expanded child.	accordionHeaderSkin
trueDisabledSkin	The disabled state of the header above the expanded child.	accordionHeaderSkin

خوب برای استفاده از جدول با لا می توانید روش زیر را دنبال کنید :
اول در پنجره اصلی یک سند از نوع ActionScript class file ایجاد کنید.
و کد زیر را در آن وارد کنید :

import mx.skins.RectBorder; import mx.core.ext.UIObjectExtensions; class RedGreenBlueHeader extends RectBorder { static var symbolName_str:String = "RedGreenBlueHeader"; static var symbolOwner_obj:Object = RedGreenBlueHeader; function size():Void { var color_num:Number; // Color var borderStyle_str:String = getStyle("borderStyle"); // Attribute of Accordion // Define the colors of each tab in the Accordion for each tab state. switch (borderStyle_str) { case "falseup": case "falserollover": case "falsedisabled": color_num = 0x7777FF; break; case "falsedown": color_num = 0x77FF77; break; case "trueup": case "truedown": case "truerollover": case "truedisabled": color_num = 0xFF7777; break; } // Clear default style and draw custom style. clear(); lineStyle(0, 0, 100); beginFill(color_num, 100); drawRect(0, 0, __width, __height); endFill(); } // required for skins static function classConstruct():Boolean { UIObjectExtensions.Extensions(); _global.skinRegistry["AccordionHeaderSkin"] = true; return true; } static var classConstructed_bl:Boolean = classConstruct(); static var UIObjectExtensionsDependency_obj:Object = UIObjectExtensions; }

و فایل مورد نظر را با نام RedGreenBlueHeader.as ذخیره کنید
و دوباره یک سند جدید از نوع خودمون FLA file ایجاد کنید و در هما شاخه ایی که فایل قبلی را ذخیره کردید این یک را نیز ذخیره کنید.
و با استفاده از کلید های ترکیبی ctrl+F8 یک سیمبل جدید با نام AccordionHeaderSkin و از نوع موی کلیپ و روی کلید Advanced و چک باکس Export for ActionScript را تیک بزنید .
در مقابل identifier باید عبارت AccordionHeaderSkin و در مقابل AS 2.0 class باید عبارت RedGreenBlueHeader را تایپ کنید مانند شکل زیر:

حال کمپونت را از زیر شاخه user interface انتخاب و به داخل stage خود بکشید و با استفاده از کلید های ترکیبی ctrl+f3 قسمت properties را ظاهر و منوی parameters را انتخاب کنید. و چند بخش ایجاد کنید.
حال کار خود را امتحان کنید بوسیله کلید های ترکیبی ctrl+enter

می توانید سورس برنامه به طور کامل را همراه با آموزش قبلی از اینجا دانلود کنید.
در قسمت بعدی می خواهیم تمام کد های مخصوص به این کمپونت یعنی Accordion را بررسی کنیم.
درج با ذکر منبع ( www.alphapack.co.sr ) بلامانع است.