در خواست آموزش تصویری Flex 3.0

aloke · Aug 8, 2008

سلام به همگی کسی لینک آموزش تصویری Flex 3.0 و action script 3.0 را داره بزاره
اگه کسی این کار را بکن تا عمر دارم دعاش می کنم

موفق باشید

aloke · Aug 21, 2008

از دوستان عزیز کسی نیست جواب ما را بده .
یک دو سه هفته ای هست منتظر جواب دوستان هستم .

amir_s · Aug 23, 2008

فکر نمی کنم باشه ... حداقل من ندیدیم ...
دوست من ، Flex ، راهنمای خیلی خوبی داره ... می تونید از Help ش استفاده کنید ...
اگر چه بهتون پیشنهاد می کنم اگر Flash مسلط نیستید دنبالش نرید .

aloke · Aug 23, 2008

درست می گید ولی همونطور که گفتید یک راهنمای خوبه
فکر کردم کسی از دوستان لینکی چیزی داره
بازم ممنون

mister · Oct 20, 2009

من آموزش فلکس ر ادارم ...

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

mister · Oct 20, 2009

گفتم شاید بد نباشه آخرین مطلبی که امشب روش کار کردم برای بقیه بزارم ...

اگه باز هم مطلب جدید خواستین بفرمائید :

ساخت پنجره PopUp :

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

مرحله اول :
در ابتدا یک پروژه جدید ایجاد نمائید (File > New > Flex Project) .نام PUWindow را برای پروژه خود مشخص و مسیر ذخیره نمودن آن را تعیین نموده ، نوع پروژه را Web application قرار داده ، بر روی کلید Finish کلیک نمائید. در مرحله بعدی تمام تنظیمات پیشفرض را بپذیرید.(درصورتی که نام را پروژه را نام پیشنهادی ما در نظر گرفته باشید پنجره PUWindow.mxml را خواهید داشت)

مرحله دوم :
کد ذیل بمنظور ایجاد کلید مورد نظر جهت باز نمودن پنجره استفاده می گردد.

<mx:Button id="button" label="PopUp پنجره"

click="launchPopUp(event);" fontFamily="Tahoma" fontSize="15" height="77" width="210"/>

مرحله سوم :
در این مرحله لازم است تا پنجره ای را که می خواهیم با کیلک بر روی کلید ایجاد شده به عنوان پنجره پاپ آپ باز کنیم ایجاد نمائید. بهمین منظور کامپوننت جدیدی به نام window.mxml در داخل src ایجاد نمائید.
پس از ایجاد این کامپوننت جدید وارد بخش کد (Source) شود و کد های زیر را که شامل عرض ، ارتفاع ، موقعیت نمایش ، عنوان و مقدار داخل پنجره می باشد کپی نمائید.

<?xml version="1.0" encoding="utf-8"?>

<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"

layout="vertical" width="650" height="250"

title="PopUp پنجره :: Info@______.Com" horizontalAlign="center"

showCloseButton="true"

close="closeWindow(event);" verticalAlign="middle" cornerRadius="12">

<mx:Script>

<![CDATA[

import mx.core.IFlexDisplayObject;

import mx.events.CloseEvent;

import mx.managers.PopUpManager;

privatefunction closeWindow(e:CloseEvent):void {

PopUpManager.removePopUp(e.target as IFlexDisplayObject);

}

]]>

</mx:Script>

<mx:Label text="WWW.________.COM" width="435" height="44" fontSize="34" fontWeight="bold" color="#12A6C6"/>

</mx:TitleWindow>

مرحله چهارم :
تاکنون پنجره پاپ آپ را تولید نموده و می بایست کدهای مربوط به نمایش این پنجره را تولید نمائیم :
به پنجره PUWindow.mxml برگشته و به قسمت کد وارد شوید. در این بخش ما کلاس PopUpManager را تعریف نموده تا در تابع آن پنجره جدید را تعریف نمائیم :

<mx:Script> <![CDATA[ import mx.managers.PopUpManager; private function launchPopUp(e:MouseEvent):void { var win : Window = new Window(); PopUpManager.addPopUp(win,this,true); PopUpManager.centerPopUp(win); } ]]></mx:Script>

مرحله پنجم :
در این مرحله اگر شما پروژه خود را تست نمائید ملاحظه خواهید نمود که با کلیک بر روی کلید ایجاد شده پنجره پاپ آپ شما باز خواهد شد ، اما چطور می توان پنجره باز شده را بست ؟ در اینجا ما از تابع ذیل استفاده خواهیم نمود :

<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="650" height="250" title="PopUp Window" horizontalAlign="center" showCloseButton="true" close="closeWindow(event);" > مرحله ششم :

کار شما به اتمام رسیده و کافیست پروژه خود را یک بار دیگر تست نمائید.

جمع بندی کدهای شما در نهایت بصورت زیر خواهد بود :

PUWindow.mxml

<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"> <mx:Style> Application{ backgroundColor: #000000; } global{ modalTransparency : .3; modalTransparencyColor : #ffffff; }</mx:Style><mx:Script> <![CDATA[ import mx.managers.PopUpManager; private function launchPopUp(e:MouseEvent):void { var win : Window = new Window(); PopUpManager.addPopUp(win,this,true); PopUpManager.centerPopUp(win); } ]]></mx:Script> <mx:Button id="button" label="Launch PopUp Window" click="launchPopUp(event);"/></mx:Application>

window.mxml

<?xml version="1.0" encoding="utf-8"?><mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="650" height="250" title="PopUp Window" horizontalAlign="center" showCloseButton="true" close="closeWindow(event);" > <mx:Script> <![CDATA[ import mx.core.IFlexDisplayObject; import mx.events.CloseEvent; import mx.managers.PopUpManager; private function closeWindow(e:CloseEvent):void { PopUpManager.removePopUp(e.target as IFlexDisplayObject); } ]]> </mx:Script> <mx:Image source="assets/img.gif"/></mx:TitleWindow>

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

Mr. LonelY · Oct 21, 2009

aloke گفت:
سلام به همگی کسی لینک آموزش تصویری Flex 3.0 و action script 3.0 را داره بزاره
اگه کسی این کار را بکن تا عمر دارم دعاش می کنم

موفق باشید

هر وقت اینارو دانلود کردی و خوب یاد گرفتی، بگو بازم واست بزارم

Introduction to Flex: Part 1
http://adobe.edgeboss.net/download/adobe/adobetv/gotoandlearn/flexintro1.mov

Introduction to Flex: Part 2
http://adobe.edgeboss.net/download/adobe/adobetv/gotoandlearn/flexintro2.mov

Introduction to Flex: Part 3
http://adobe.edgeboss.net/download/adobe/adobetv/gotoandlearn/flexintro3.mov

فایل های کارشم واست گزاشتم، دیگه چی میخوای؟!

هی! یادت نره دعام کنی ها!

Mr. LonelY · Oct 21, 2009

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

دوست عزیز من پیشنهاد میکنم یه پست بزن و از اول اول اول flex رو آموزش بده، از زیر صفر شروع کن.
همونجوری که خودت میدونی هیچ منبع درست و حسابی تو اینترنت وجود نداره، شما میتونی اولیش باشی!!!
امیدوارم که هرچه زود تر شروع کنی!

mohsensemsarpour · Oct 24, 2009

دوستان سلام
خوب دیدم بحث بحث فلکس گفتم ما هم بیایم وسط (نیست خودم هیچی نمی دونم ازش برای همین گفتم بیام)

عزیزان همه (شاید من و خیلیای دیگه) بر این باورند که Lynda شرکتی خوب در زمینه آموزش هست . لذا بنده یک لینک از آموزش های این شرکت رو برای شما قرار می دم که می تونید این آموزش رو از اونجا دانلود کنید کلیه بخش های آموزش هم در همین صفحه ذکر شده حتما سر بزنید و دانلود کنید

موفق باشید

PHP:

http://isohunt.com/torrent_details/49839489/lynda+flex?tab=summary

mohsensemsarpour · Oct 24, 2009

اینم لیست مطالب پست قبل که براتون لینکش رو گذاشتم حدود 500 مگابایت کلا حجم داره

کد:

0. Introduction / 00_01_welcome.mov	688.3 KB
0. Introduction / 00_02_prerequisites.mov	1.1 MB
0. Introduction / 00_03_aboutexercisefiles.mov	1014.1 KB
1. Using Popup Windows / 01_01_usingalert.mov	4.9 MB
1. Using Popup Windows / 01_02_alertbuttons.mov	4.9 MB
1. Using Popup Windows / 01_03_alertevents.mov	5.2 MB
1. Using Popup Windows / 01_04_alertappearance.mov	6 MB
1. Using Popup Windows / 01_05_createcustompopup.mov	4 MB
1. Using Popup Windows / 01_06_showpopup.mov	4.1 MB
1. Using Popup Windows / 01_07_removepopup.mov	6.9 MB
1. Using Popup Windows / 01_08_custompopupevents.mov	10.8 MB
10. Integrating with ASP.NET / 10_01_installdotnet.mov	3.2 MB
10. Integrating with ASP.NET / 10_02_installsqlmanager.mov	3.7 MB
10. Integrating with ASP.NET / 10_03_importdatabase.mov	3.8 MB
10. Integrating with ASP.NET / 10_04_createflexproject.mov	5.3 MB
10. Integrating with ASP.NET / 10_05_configuresqlserver.mov	4.7 MB
10. Integrating with ASP.NET / 10_06_dotnetdatawizard.mov	8.9 MB
10. Integrating with ASP.NET / 10_07_codereview.mov	7.8 MB
10. Integrating with ASP.NET / 10_08_usewebservice.mov	6.7 MB
11. Managing Data on the Client / 11_01_filterdata.mov	8.8 MB
11. Managing Data on the Client / 11_02_sortingdata.mov	8.2 MB
11. Managing Data on the Client / 11_03_findingdata.mov	7.4 MB
12. Working with Modules / 12_01_createmodule.mov	7.5 MB
12. Working with Modules / 12_02_loadmodules.mov	6.4 MB
12. Working with Modules / 12_03_handlemoduleevents.mov	7.7 MB
12. Working with Modules / 12_04_passdata.mov	5.1 MB
13. Localizing Flex Applications / 13_01_createresourcebundle.mov	5.9 MB
13. Localizing Flex Applications / 13_02_resourcebindings.mov	8.1 MB
13. Localizing Flex Applications / 13_03_setlocales.mov	5 MB
14. Conclusions / 14_01_goodbye.mov	607.4 KB
2. Animating with Visual Effects / 02_01_simpleeffects.mov	8 MB
2. Animating with Visual Effects / 02_02_effectproperties.mov	5.6 MB
2. Animating with Visual Effects / 02_03_easingfunctions.mov	5.1 MB
2. Animating with Visual Effects / 02_04_compoundeffects.mov	5.9 MB
2. Animating with Visual Effects / 02_05_componenteffect.mov	5.9 MB
2. Animating with Visual Effects / 02_06_transitions.mov	9.3 MB
3. Using Graphical Skins with Flash and Flex / 03_01_graphicalskins.mov	5 MB
3. Using Graphical Skins with Flash and Flex / 03_02_exportflashswc.mov	4.1 MB
3. Using Graphical Skins with Flash and Flex / 03_03_importflashswc.mov	6.5 MB
4. Integrating Flash and Flex / 04_01_prepflashmovie.mov	4.7 MB
4. Integrating Flash and Flex / 04_02_displayflashmovie.mov	5.1 MB
4. Integrating Flash and Flex / 04_03_embedflashsymbol.mov	5.9 MB
4. Integrating Flash and Flex / 04_04_installcomponentkit.mov	4.1 MB
4. Integrating Flash and Flex / 04_05_createflexcomponent.mov	5.5 MB
4. Integrating Flash and Flex / 04_06_useflashcomponent.mov	6.8 MB
4. Integrating Flash and Flex / 04_07_extendcomponent.mov	6.6 MB
4. Integrating Flash and Flex / 04_08_componentevents.mov	10.1 MB
5. Working with XML and E4X / 05_01_xmlclasses.mov	5.5 MB
5. Working with XML and E4X / 05_02_xmllist.mov	5 MB
5. Working with XML and E4X / 05_03_httpservice.mov	8.4 MB
5. Working with XML and E4X / 05_04_modifyxmldata.mov	4.1 MB
5. Working with XML and E4X / 05_05_parsingexpressions.mov	5.2 MB
5. Working with XML and E4X / 05_06_modifyxml.mov	7.6 MB
5. Working with XML and E4X / 05_07_xmlnamespaces.mov	8.4 MB
6. Using the Tree and MenuBar Controls / 06_01_usetreecontrols.mov	8.4 MB
6. Using the Tree and MenuBar Controls / 06_02_controllabels.mov	5.2 MB
6. Using the Tree and MenuBar Controls / 06_03_treeskins.mov	7.1 MB
6. Using the Tree and MenuBar Controls / 06_04_treeevents.mov	7.5 MB
6. Using the Tree and MenuBar Controls / 06_05_usemenubar.mov	2.6 MB
6. Using the Tree and MenuBar Controls / 06_06_menubarevents.mov	6.2 MB
7. Integrating Flex with ColdFusion / 07_01_installcfwindows.mov	7.6 MB
7. Integrating Flex with ColdFusion / 07_02_installcfmac.mov	6.8 MB
7. Integrating Flex with ColdFusion / 07_03_createdatabase.mov	3.5 MB
7. Integrating Flex with ColdFusion / 07_04_installcfeclipse.mov	2.7 MB
7. Integrating Flex with ColdFusion / 07_05_createcfeclipseproject.mov	5.9 MB
7. Integrating Flex with ColdFusion / 07_06_createflexcfproject.mov	5.5 MB
7. Integrating Flex with ColdFusion / 07_07_useremoteobject.mov	5.8 MB
7. Integrating Flex with ColdFusion / 07_08_useresultevent.mov	7.2 MB
7. Integrating Flex with ColdFusion / 07_09_usefaultevent.mov	6.6 MB
7. Integrating Flex with ColdFusion / 07_10_passparameters.mov	9.9 MB
7. Integrating Flex with ColdFusion / 07_11_multiplefunctions.mov	6.4 MB
7. Integrating Flex with ColdFusion / 07_12_remoteobjectwithas.mov	4.9 MB
8. Using the ColdFusion Extensions for Flex Builder / 08_01_installextensions.mov	3.2 MB
8. Using the ColdFusion Extensions for Flex Builder / 08_02_rdsdataview.mov	5.8 MB
8. Using the ColdFusion Extensions for Flex Builder / 08_03_cfcwizard.mov	14.5 MB
8. Using the ColdFusion Extensions for Flex Builder / 08_04_codereview.mov	10.4 MB
8. Using the ColdFusion Extensions for Flex Builder / 08_05_getdata.mov	12.5 MB
8. Using the ColdFusion Extensions for Flex Builder / 08_06_modifydata.mov	13.8 MB
8. Using the ColdFusion Extensions for Flex Builder / 08_07_runtimechannel.mov	6.3 MB
8. Using the ColdFusion Extensions for Flex Builder / 08_08_asynctoken.mov	9.4 MB
9. Integrating with PHP / 09_01_installwamp.mov	5 MB
9. Integrating with PHP / 09_02_installmamp.mov	4.9 MB
9. Integrating with PHP / 09_03_importdatabase.mov	3.8 MB
9. Integrating with PHP / 09_04_createphpproject.mov	4.7 MB
9. Integrating with PHP / 09_05_datawizard.mov	7.3 MB
9. Integrating with PHP / 09_06_codereview.mov	7.8 MB
9. Integrating with PHP / 09_07_retrievedata.mov	8.6 MB
9. Integrating with PHP / 09_08_useasynctoken.mov	8.4 MB
9. Integrating with PHP / 09_09_modifydata.mov	12.5 MB

evt · Oct 24, 2009

آموزش های تصویری فلکس رو لینک هاشو براتون می زارم . دانلود این فایل ها خارج از ایران طبق قوانین حقوق مولف غیر قانونی هست .

Lynda Flex3 Essential

http://rapidshare.com/files/99309065/cfe-lcf3et.part09.rar
http://rapidshare.com/files/95732880/cfe-lcf3et.part08.rar
http://rapidshare.com/files/96556493/cfe-lcf3et.part07.rar
http://rapidshare.com/files/97664535/cfe-lcf3et.part06.rar
http://rapidshare.com/files/97946777/cfe-lcf3et.part05.rar
http://rapidshare.com/files/97970159/cfe-lcf3et.part04.rar
http://rapidshare.com/files/98012242/cfe-lcf3et.part03.rar
http://rapidshare.com/files/98219730/cfe-lcf3et.part02.rar
http://rapidshare.com/files/99293383/cfe-lcf3et.part01.rar

Lynda.com – Flex 3 Beyond the Basics

http://rapidshare.com/files/274920199/Flx3_BeyThBas.part2.rar
http://rapidshare.com/files/274920129/Flx3_BeyThBas.part4.rar
http://rapidshare.com/files/274920052/Flx3_BeyThBas.part1.rar
http://rapidshare.com/files/274920004/Flx3_BeyThBas.part6.rar
http://rapidshare.com/files/274919915/Flx3_BeyThBas.part5.rar
http://rapidshare.com/files/274919766/Flx3_BeyThBas.part3.rar

Mr. LonelY · Oct 24, 2009

با تشکرات فراوان از evt جان ب خاطر گذاشتن لینک های کامل
یه نکته رو اضافه کنم
اونایی که میخوان flex رو شروع کنن اول Essential رو بخونن بعد برن سراغ Beyond the Basics

BehrouzPc · Oct 24, 2009

فیلم های آموزشی خوبی توی http://www.gotoandlearn.com/ پیدا می کنی ، بیشتر هم توسط لی عزیز دلم درست شده/

mister · Dec 11, 2009

ایجاد گالری تصویر بصورت xml

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

فایل آموزش را هم باید یه کوچولو تغییر بدم ، تا چند وقت دیگه پیوست می زارم ... الان flex روی سیستمم نصب ندارم ... تازه 7 نصب کردم :wink:

در این آموزش از نرم افزار Flex Builder به ایجاد یک گالری تصویر با ساختار xml خواهیم پرداخت. مسیر ، عنوان و تاریخ تصاویر بطور مستقیم در فایل xml ذخیره و در نهایت نصاویر در دو سایز
کوچک پس از کلیک بر روی آنها در سایز بزرگ بصورت پاپ آپ نمایش داده خواهد می شوند.

مرحله اول :
ایجاد یک پروژه جدید در فلکس که ما نام آن را GalleryPopUp قرار داده و عنوان Main application file را main.mxml قرار می دهیم.
موقیعت سطحی پروژه خود را در حالت افقی و عمودی در مرکز صفحه بصورت زیر تنظیم می کنیم :

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
horizontalAlign="center" verticalAlign="middle">

مرحله دوم :
کلیه اطلاعات مربوط به فایل xml خود را با مقادیر و پارامترهای مربوط به آن بصورت زیر تعریف نموده و نام آن را data.xml و در زیر مجموعه شاخه src ایجاد نمائید.

<?xml version="1.0"?>
<gallery>
<movie>
<pic>PHOTOFILE_01.jpg</pic>
<title>TITLE_01</title>
<date>2009-10-23</date>
</movie>
<movie>
<pic>PHOTOFILE_02.jpg</pic>
<title>TITLE_02</title>
<date>2009-10-23</date>
</movie>

...

<movie>
<pic>PHOTOFILE_~.jpg</pic>
<title>TITLE_~</title>
<date>2009-10-23</date>
</movie>
</gallery>

مرحله سوم :
پس از اینکه فایل xml خود را تکمیل نمودید فولدر "thumbs" را ایجاد در عکس های سایز کوچک خود را کپی نموده و سپس فولدر "posters" را ایجاد در عکس های بزرگ را در آن قرار دهید. در این صورت شما باید دو مسیر بصورت زیر داشته باشید:

\\GalleryPopUp\bin-debug\assets\thumbs\
\\GalleryPopUp\bin-debug\assets\posters\

مرحله چهارم :
ارتباط فایل data.xml را بصورت زیر با پروژه خود برقرار می کنیم :<mx:HTTPService id="service" url="data.xml" result="serviceHandler(event)"/>مرحله پنجم :
به محیط کد پروژه خود بر می گردیم و یک سند جدید ایجاد و متغیرهای arraycollection و defined را ایجاد می کنیم تا بتوانیم داده های برگرفته از xml خود را با تابع serviceHandler فراهم کنیم.

مرحله ششم :
جهت بارگزاری نهای فایل xml می بایست این فرآیند را با متد HTTPService بشکل زیر تکمیل نمائید :

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
horizontalAlign="center" verticalAlign="middle"
creationComplete="service.send()">

مرحله هفتم :
در این مرحله می بایست مسیر عکس های گالری و تاریخ آن را مشخص نماییم . با توجه به اینکه عکس های کوچک گالری را در مسیر thumbs کپی نموده ایم آن را مشابه کد ذیل در تگ itemRenderer در بخش های image و lable تعریف کرده ایم.

< mx:TileList id="moviesList" dataProvider="{movies}"
direction="horizontal"
width="800" height="450" rowHeight="150" columnWidth="200">
<mx:itemRenderer>
<mx:Component>
<mx:VBox horizontalAlign="center" verticalAlign="middle">
<mx:Image source="assets/thumbs/{data.pic}"/>
<mx:Label text="{data.date}" />
</mx:VBox>
</mx:Component>
</mx:itemRenderer>
</mx:TileList>

مرحله هشتم :
در این مرحله لازم است یک کامپوننت جدید اینجاد نماییم ، ما نام آن را Window.MXML قرار داده ایم. با توجه به اینکه ما می خواهیم با کلیک بر روی عکس های کوچک گالری عکس ها بصورت بزرگ نمایش داده شود از ترفند پنجره popup استفاده می کنم.
در این قسمت ما عنوان تصویر را در موقعیت TitleWindow و مقدار محتوی پنجره پاپ آپ را برابر رشته متغیر sourceImage در فایل xml تنظیم می کنیم.

< ?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical" width="400" height="520"
horizontalAlign="center"
showCloseButton="true"
close="closeWindow(event);" >

<mx:Script>
<![CDATA[

import mx.events.CloseEvent;
import mx.managers.PopUpManager;

[Bindable]
public var sourceImage:String;

private function closeWindow(e:CloseEvent):void {
PopUpManager.removePopUp(this);
}

]]>
</mx:Script>

<mx:Image source="{sourceImage}"/>

</mx:TitleWindow>

مرحله نهم :
جهت بستن پنجره باز شده که تا مرحله قبل آن را ایجاد نمودیم روش دیگری را بجزء کلید Close استفاده می کنیم که نیاز داریم تابع جدیدی تعریف کینم ، تابع CloseEvent را بهمین منظور ایجاد می کنیم که با این عمل با کلیک و حتی جابجا کردن پنجره PopUp بصورت اتوماتیک بسته می شود.

< mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical" width="400" height="520"
horizontalAlign="center"
showCloseButton="true"
close="closeWindow(event);"
click="dispatchEvent(new CloseEvent(CloseEvent.CLOSE));">

مرحله دهم :
دوباره به کامپوننت main.xml بازگردید. رویداد جدیدی به نام launchPopUp ایجاد نموده و آن را برابر click قرار می دهیم.

< mx:TileList id="moviesList" dataProvider="{movies}"
direction="horizontal"
width="800" height="450" rowHeight="150" columnWidth="200"
click="launchPopUp(event)">

مرحله یازدهم :
در این مرحله که مرحله آخر ما می باشد کلاس های مربوط به css style های پروژه خود را تعریف می کنیم :

<mx:Style> global{
modalTransparency : .8;
modalTransparencyColor : #000000;
}
Application{
backgroundGradientColors: #ffffff, #ffffff;
backgroundGradientAlphas: 1, 1;
}
TileList{
selectionColor: #717070;
rollOverColor: #CCCCCC;
borderStyle : none;
}
TitleWindow{
borderColor : #C1C1C1;
borderAlpha : .8;
fontSize : 14;
fontFamily :Georgia;
fontWeight : bold ;
color : #FFFFFF;
}
Label{
color : #000000;
fontStyle : italic;
}
</mx:Style>

جمع بندی کدهای شما در نهایت بصورت زیر خواهد بود

:Main.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
horizontalAlign="center" verticalAlign="middle"
creationComplete="service.send()" >

<mx:Style>
global{
modalTransparency : .8;
modalTransparencyColor : #000000;
}
Application{
backgroundGradientColors: #ffffff, #ffffff;
backgroundGradientAlphas: 1, 1;
}
TileList{
selectionColor: #717070;
rollOverColor: #CCCCCC;
borderStyle : none;
}
TitleWindow{
borderColor : #C1C1C1;
borderAlpha : .8;
fontSize : 14;
fontFamily :Georgia;
fontWeight : bold ;
color : #FFFFFF;
}
Label{
color : #000000;
fontStyle : italic;
}
</mx:Style>
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.rpc.events.ResultEvent;
import mx.managers.PopUpManager;

[Bindable]
private var movies:ArrayCollection;

private function serviceHandler(event:ResultEvent):void{
movies = event.result.gallery.movie;
}

private function launchPopUp(e:MouseEvent):void {
if(moviesList.selectedItem){
var win : Window = new Window();
win.sourceImage = "assets/posters/"+moviesList.selectedItem.pic;
win.title = moviesList.selectedItem.title;
PopUpManager.addPopUp(win,this,true);
PopUpManager.centerPopUp(win);
}
}

]]>
</mx:Script>

<mx:HTTPService id="service" url="data.xml" result="serviceHandler(event)"/>
<mx:TileList id="moviesList" dataProvider="{movies}"
direction="horizontal"
width="800" height="450" rowHeight="150" columnWidth="200"
click="launchPopUp(event)">
<mx:itemRenderer>
<mx:Component>
<mx:VBox horizontalAlign="center" verticalAlign="middle">
<mx:Image source="assets/thumbs/{data.pic}"/>
<mx:Label text="{data.date}" />
</mx:VBox>
</mx:Component>
</mx:itemRenderer>
</mx:TileList>

</mx:Application>

Window.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical" width="400" height="520"
horizontalAlign="center"
showCloseButton="true"
close="closeWindow(event);"
click="dispatchEvent(new CloseEvent(CloseEvent.CLOSE));">

&l0t;mx:Script>
<![CDATA[

import mx.events.CloseEvent;
import mx.managers.PopUpManager;

[Bindable]
public var sourceImage:String;

private function closeWindow(e:CloseEvent):void {
PopUpManager.removePopUp(this);
}

]]>
</mx:Script>

<mx:Image source="{sourceImage}"/>

</mx:TitleWindow>