برنامه نويسي action script 3.00

[SEPIDEH JAN]

سلام دوستان . اين تاپيك كه خداي نكرده تكراري نيست ؟؟؟
يه خبري بدين

[Arman_BM]

سلام -
نه دوست عزیز من که ندیدم و به شدت مشتاق آموزش های شما هستم.
برای شروع هم خودم با چند سوال (البته با اجازتون) اومدم.


تو این زبان، به چی ها میگن inheritance ؟
اصلا همچین چیزی داره؟؟؟؟؟؟؟؟؟؟؟؟

دستور as چیکار میکنه؟
مثلا تو کد زیر ، قسمتی که پر رنگ کردم یعنی چی؟

public function getIsValid(testObject:Object):Boolean {
var testString:String = (testObject as String);
if (testString) {
return testString.length > 0
}}

چه فرقی میکنه که کد رو به صورت بالا بنویسیم (استفاده از دستور as) ویا به این صورت پایین؟ :

public function getIsValid(testObject:Object):Boolean {
if (testObject is String) {
var testString:String = String(testObject);
return testString.length > 0;
}

کد زیر یعنی چی؟
var myObject:Object = new Object();

--------------------------------------------------------

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

ممنون دوستای عزیز.
یا حق

[SEPIDEH JAN]

تو این زبان، به چی ها میگن inheritance ؟
اصلا همچین چیزی داره؟؟؟؟؟؟؟؟؟؟؟؟

مثلا 3 تا کلاس داریم
کلاس اول friend کلاس دوم هست .(یعنی کلاس دوم موتونه از به Data Member ها و Member Function های کلاس اول استفاده کنه)
و کلاس سوم از کلاس دوم تشکیل شده یعنی همون Inheritance به صورت public(یعنی کلاس سوم به DataMember ها و Member function های کلاس دوم دسترسی داشته باشه )

دستور as چیکار میکنه؟

مثلا تو کد زیر ، قسمتی که پر رنگ کردم یعنی چی؟

public function getIsValid(testObject:Object):Boolean {
var testString:String = (testObject as String);
if (testString) {
return testString.length > 0
}}

فايل external ه اكشن اسكريپته ديگه !

چه فرقی میکنه که کد رو به صورت بالا بنویسیم (استفاده از دستور as) ویا به این صورت پایین؟ :

public function getIsValid(testObject:Object):Boolean {
if (testObject is String) {
var testString:String = String(testObject);
return testString.length > 0;
}



کد زیر یعنی چی؟
var myObject:Object = new Object();

فكر كنم اين توضيحات بدردت بخوره :

var myobject:Object = new Object ();
myobject.change = function (obj) {
var mycomponent = obj.target;
var myselected = mycomponent.selectedItem.data;
pricetxt.text = myselected.price;
descriptiontxt.text = myselected.description;
loadpic.loadMovie (myselected.pic);
};
mycombobox.addEventListener ("change", myobject);

توضيح كد بالا :
خط اول يك آبجكت را ايجاد مي كند . خط دوم ، رويداد change را كه همان رويداد شنوده ComboBox در خط آخر است را به آبجكت اضافه مي كند . خط سوم ، توسط متد target ، به مسير شنوده اي كه اين آبجكت را درخواست كرده دسترسي پيدا مي كند . خط چهارم ، به data آيتم انتخابي ComboBox ارجاع داده مي شود . و از آبجكتهاي درون data كه ( price , description , pic ) هستند در خط هاي بعدي براي بارگزاري استفاده مي كنيم .

[SEPIDEH JAN]

اينم توضيحات كامل بخشي كه ARMAN_BM عزيز ميخواست :

اين مقاله يك نمونه عملي براي استفاده كردن از سندهاي XML درون فايلهاي فلش مي باشد .

نوع سفارش :

شخصي به پيش شما مي آيد و از شما مي خواهد صفحه فلشي برايش ايجاد كنيد تا بتواند 3 تا از محصولات شركتش را كه داراي پارامترهاي نام كالا ، قيمت كالا ، توضيحي درباره كالا و يك قطعه عكس مربوط به كالا ، كه در كنار اين توضيحات بايد قرار گيرد را برايش طراحي كنيد . و بايد طوري طراحي شود كه بعدا خود مشتري بتواند براحتي محصولي را اضافه و يا حذف نمايد .

انجام كار :

1. يه پوشه جديد ايجاد كنيد
2. عكسهايي كه مشتري به شما داده را درون پوشه اي جديد به نام pic قرار دهيد .
3. در پوشه اصلي ، يك سند xml به نام company_data ايجاد نماييد و كد زير را به داخل آن كپي كنيد .


كد:<list>

<product name="camera_1">
<price>$800</price>
<description>this is camera_1</description>
<pic>pic/camera_1.jpg</pic>
</product>

<product name="camera_2">
<price>$1200</price>
<description>this is camera_2</description>
<pic>pic/camera_2.jpg</pic>
</product>

<product name="camera_3">
<price>$1500</price>
<description>this is camera_3</description>
<pic>pic/camera_3.jpg</pic>
</product>

</list>

چند نكته براي نوشتن سند XML :

نام tag ها كاملا شخصي است ، هر tag مي تواند شامل يك سري attribute هاي شخصي باشد ، مقادير attribute بعد از علامت = داخل دو كوتيشن قرار مي گيرد ، هر tag مي تواند شامل يك سري عناصر – ويژگيها و مقادير باشد ، هر tag با <tagname> شروع مي شود و با </tagname> بسته مي شود ، سندهاي xml به حروف كوچك و بزرگ حساس است .

توضيح كد بالا :

برچسب list در حقيقت بدنه سند xml ما محسوب مي شود . اين بر چسب شامل سه عنصر ، به نام product مي باشد . كه توسط ويژگي name ، نام محصول ما معرفي مي شود . هر عنصر product ، خود شامل سه عنصر مي باشد كه توسط مقادير آنها ما مي توانيم به قيمت كالا ، شرح كالا و آدرس محل قرار گيري تصوير كالا دسترسي پيدا كنيم .

4. در پوشه اصلي يك سند فلش ايجاد كنيد . كه شامل چهار لايه به نامهاي loadpic , text , component , as باشد .
5. به لايه component يك ComboBox اضافه كنيد و نام نمونه آن را mycombobox قرار دهيد .
6. در لايه text دو عدد متن از نوع static: اضافه كنيد و نام يكي را price و ديگري را :description قرار دهيد تا به عنوان برچسب از آنها استفاده نماييم . سپس دو متن ديگر از نوع dynamice در كنار برچسبها قرار دهيد . نام نمونه آنها را pricetxt و descriptiontxt قرار دهيد تا بعدا داده هاي ما را دريافت كنند .
7. در لايه loadpic يك سيمبل از نوع movieclip ، كه نقطه اتكائي ان در سمت بالا – چپ باشد را ايجاد كنيد و در محل مناسب قرار دهيد و به آن نام نمونه loadpic را بدهيد .
8. به فريم اول لايه as ، كد زير را وارد كنيد


كد:var myxml:XML = new XML ();
myxml.ignoreWhite = true;
myxml.load ("company_data.xml");
myxml.onLoad = function (success) {
if (success) {
success_function ();
} else {
trace ("Error");
}
};

توضيح كد بالا :
خط اول ، آبجكت xml را ايجاد مي كند . خط دوم ، فضاي خالي سند xml ما را ناديده مي گيرد . خط سوم ، سند xml ما را فراخواني مي كند ، اما چون اين فراخواني بسته به حجم سند ما ممكن است كمي با تاخير انجام شود از تابع onLoad در خط چهارم استفاده مي كنيم . اين تابع در صورتي كه بارگذاري سند موفقيت آميز باشد مقدار true و در غير اين صورت مقدار false را براي ما بر مي گرداند . در كد بالا اگر مقدار true باشد تابعي را فراخواني مي كند كه در زير آمده .


كد:var myarray:Array = new Array ();
success_function = function () {
var mylist = myxml.firstChild;
for (a = 0; a < mylist.childNodes.length; a++) {
var myproduct = mylist.childNodes[a];
var mylabel = myproduct.attributes.name;
var mydata_price = myproduct.childNodes[0].childNodes[0].nodeValue;
var mydata_description = myproduct.childNodes[1].childNodes[0].nodeValue;
var mydata_pic = myproduct.childNodes[2].childNodes[0].nodeValue;
var mydata = {price:mydata_price, description:mydata_description, pic:mydata_pic};
myarray.push ({label:mylabel, data:mydata});
}
};


توضيح كد بالا :
خط اول آرايه اي را براي ما ايجاد مي كنه تا بعدا داده هاي سند xml خود را در آن ذخيره كنيم . خط دوم تابعي را براي ما تعريف مي كند . خط سوم ، داراي يك متد به نام firstChild مي باشد كه اولين گره يا همان <list> سند را براي ما دريافت مي كنه و آن را به متغيري به نام mylist اختصاص مي دهد تا با اين كار mylist خود به عنوان يك شي xml ديگر محسوب شود . خط چهارم ، حلقه اي را براي ما ايجاد مي كند ، اين حلقه به اندازه تعداد عناصر <list> كه 3 تا است ادامه مي يابد . خط پنجم ، توسط متد childNodse[a] ، كه دسترسي به گره هاي عناصر را توسط شماره آرايه براي ما ميسر مي كند به <product> ها دسترسي پيدا مي كنيم . ( اولين عنصر با شماره [0] معين مي شود ) . اين دسترسي را توسط myproduct حفظ مي كنيم . خط ششم ، نام محصول ما را از attribute عنصر مي گيره و در متغير mylabel ذخيره مي كند . خط هفتم – هشتم و نهم ، مقدار محتواي گره هر محصول را توسط متد nodeValue براي ما مي گيره و در متغيرها ذخيره مي كنه . ( تذكر مهم : خود محتواي عنصر هم يك گره محسوب مي شود ) . سه خط كد بالا در خط دهم به صورت يك آبجكت تبديل مي شوند و در پايان هم توسط متد push ، داده هاي xml ما ، به صورت آبجكت در آرايه ذخيره مي شود . در اصل آرايه ما توسط اين حلقه به صورت زير تشكيل يافته است :


كد:myarray[a] = {label:نام_كالا , data:{price:قيمت , description: شرح, pic:آدرس_عكس}};

خوب حالا توسط كد زير داده هاي آرايه را به كامپوننت ComboBox وارد مي كنيم .

كد:mycombobox.dataProvider = myarray;

توسط كد زير براي نمونه آبجكت ComboBox يك شنوده را اضافه كنيم .


كد:var myobject:Object = new Object ();
myobject.change = function (obj) {
var mycomponent = obj.target;
var myselected = mycomponent.selectedItem.data;
pricetxt.text = myselected.price;
descriptiontxt.text = myselected.description;
loadpic.loadMovie (myselected.pic);
};
mycombobox.addEventListener ("change", myobject);

توضيح كد بالا :
خط اول يك آبجكت را ايجاد مي كند . خط دوم ، رويداد change را كه همان رويداد شنوده ComboBox در خط آخر است را به آبجكت اضافه مي كند . خط سوم ، توسط متد target ، به مسير شنوده اي كه اين آبجكت را درخواست كرده دسترسي پيدا مي كند . خط چهارم ، به data آيتم انتخابي ComboBox ارجاع داده مي شود . و از آبجكتهاي درون data كه ( price , description , pic ) هستند در خط هاي بعدي براي بارگزاري استفاده مي كنيم .

كد نهايي به صورت زير مي باشد :


كد:var myxml:XML = new XML ();
myxml.ignoreWhite = true;
myxml.load ("company_data.xml");
myxml.onLoad = function (success) {
if (success) {
success_function ();
} else {
trace ("Error");
}
};
var myarray:Array = new Array ();
success_function = function () {
var mylist = myxml.firstChild;
for (a = 0; a < mylist.childNodes.length; a++) {
var myproduct = mylist.childNodes[a];
var mylabel = myproduct.attributes.name;
var mydata_price = myproduct.childNodes[0].childNodes[0].nodeValue;
var mydata_description = myproduct.childNodes[1].childNodes[0].nodeValue;
var mydata_pic = myproduct.childNodes[2].childNodes[0].nodeValue;
var mydata = {price:mydata_price, description:mydata_description, pic:mydata_pic};
myarray.push ({label:mylabel, data:mydata});
}
};
mycombobox.dataProvider = myarray;
var myobject:Object = new Object ();
myobject.change = function (obj) {
var mycomponent = obj.target;
var myselected = mycomponent.selectedItem.data;
pricetxt.text = myselected.price;
descriptiontxt.text = myselected.description;
loadpic.loadMovie (myselected.pic);
};
mycombobox.addEventListener ("change", myobject);

[SEPIDEH JAN]

ابتدا از هر يک از کامپوننت هاي Alert,Button,List,MenuBar,TextArea,UIScrollBar يک عدد به داخل stage بکشيد و بعد آنها را حذف کنيد.
توجه: از داخل Library حذف نکنيد تا کلاس هاي آنها بتوانند مورد بهره برداري قرار گيرند.
حالا کد زير را در فريم 1 وارد کنيد:

كد:// Designer : Navid
// Begin
import mx.styles.CSSStyleDeclaration;
import mx.controls.Alert;
import mx.controls.Button;
import mx.controls.List;
import mx.controls.MenuBar;
import mx.controls.TextArea;
import mx.controls.UIScrollBar;
_root.createClassObject(MenuBar, "myMenuBar", 10);
this["createClassObject"](TextArea, "m", 11);
this.m._x = 7.2;
this.m._y = 32;
m.setSize(534.8, 328.5);
_root.createTextField("mystatusbar", 12, 7.2, 365.5, 298.9, 28.9);
mystatusbar.variable = "mytext";
_root.createEmptyMovieClip("preview", 13);
with (preview) {
beginFill("0x000000", 100);
moveTo(30.8, 73);
lineTo(484, 74);
lineTo(484, 321);
lineTo(31, 321);
lineTo(30.8, 73);
}
_root.preview.createClassObject(List, "fonts", 150, {_x:45, _y:125.3, _width:183, _height:103});
_root.preview.createClassObject(List, "styles", 160, {_x:240, _y:125.3, _width:100, _height:103});
_root.preview.createClassObject(List, "sizes", 156, {_x:350, _y:125.3, _width:100, _height:103});
_root.preview.styles.addItem({label:"Regulac"});
_root.preview.styles.addItem({label:"Italic"});
_root.preview.styles.addItem({label:"Bold"});
_root.preview.styles.addItem({label:"Bold Italic"});
for (j=9; j<=30; ++j) {
_root.preview.sizes.addItem({label:j});
}
_root.preview.createClassObject(Button, "OKButton", 153, {_x:260, _y:290, _width:100, _height:22});
_root.preview.createClassObject(Button, "CancelButton", 154, {_x:370, _y:290, _width:100, _height:22});
_root.preview.OKButton.label = "OK";
_root.preview.CancelButton.label = "Cancel";
_root.preview.OKButton.onRelease = function() {
_root.m.setStyle("fontFamily", _root.preview.fonts.selectedItem.label);
_root.m.setStyle("fontSize", _root.preview.sizes.selectedItem.label);
if (_root.preview.styles.selectedItem.label == "Regulac") {
_root.m.setStyle("fontStyle", "normal");
_root.m.setStyle("fontWeight", "none");
}
if (_root.preview.styles.selectedItem.label == "Italic") {
_root.m.setStyle("fontStyle", "italic");
_root.m.setStyle("fontWeight", "none");
}
if (_root.preview.styles.selectedItem.label == "Bold") {
_root.m.setStyle("fontWeight", "bold");
}
if (_root.preview.styles.selectedItem.label == "Bold Italic") {
_root.m.setStyle("fontWeight", "bold");
_root.m.setStyle("fontStyle", "italic");
}
_root.preview._visible = false;
};
_root.preview.CancelButton.onRelease = function() {
_root.preview._visible = false;
};
preview._visible = !true;
mywindow.visible = false;
myArray = TextField.getFontList();
for (i=1; i<myArray.length; ++i) {
_root.preview.fonts.addItem({label:myArray[i]});
}
this.preview.fonts.sortItemsBy("label", "ASC");
_global.styles.TextArea = new CSSStyleDeclaration();
_global.styles.TextArea.setStyle("textAlign", "left");
m.vScrollPolicy = "on";
m.hScrollPolicy = "on";
oneMenu = _root.myMenuBar.addMenu("File");
oneMenu.addMenuItem({label:"New", instanceName:"newNew"});
oneMenu.addMenuItem({type:"separator"});
oneMenu.addMenuItem({label:"Print", instanceName:"newPrint"});
oneMenu.addMenuItem({type:"separator"});
oneMenu.addMenuItem({label:"Exit", instanceName:"newExit"});
var myObject:Object = new Object();
function myClick(evt) {
if (evt.detail == 4) {
fscommand("quit", "");
}
if (evt.detail == 8) {
mx.controls.Alert.visible = false;
}
}
myObject.change = function(parameter) {
if (parameter["menuItem"].attributes.instanceName == "newNew") {
_root.m.text = "";
}
if (parameter["menuItem"].attributes.instanceName == "newPrint") {
printAsBitmap(_root.m, "bmovie");
}
if (parameter["menuItem"].attributes.instanceName == "newExit") {
mx.controls.Alert.show("Do you really to exit ?", "Warning...", mx.controls.Alert.OK | mx.controls.Alert.CANCEL, _root, myClick);
}
};
oneMenu.addEventListener("change", myObject);
twoMenu = _root.myMenuBar.addMenu("Edit");
twoMenu.addMenuItem({label:"Copy", instanceName:"newCopy", enabled:false});
twoMenu.addMenuItem({label:"Delete", instanceName:"newDelete", enabled:false});
twoMenu.addMenuItem({type:"separator"});
twoMenu.addMenuItem({label:"Select All - Ctrl+A", instanceName:"newSelectAll", enabled:true});
twoMenu.addMenuItem({label:"Time/Date", instanceName:"newTime", enabled:true});
var myObject2:Object = new Object();
myObject2.change = function(evt2) {
if (evt2["menuItem"].attributes.instanceName == "newCopy") {
System.setClipboard(_root.m.text);
}
if (evt2["menuItem"].attributes.instanceName == "newDelete") {
_root.m.text = "";
}
if (evt2["menuItem"].attributes.instanceName == "newTime") {
myDate = new Date();
_root.m.text += myDate.getHours()+":"+myDate.getMinutes()+" "+myDate.getFullYear()+"/"+myDate.getMonth()+"/"+myDate.getDay();
}
};
twoMenu.addEventListener("change", myObject2);
_root.onEnterFrame = function() {
mytext = "Col : "+m.length;
if (Key.isDown(Key.CONTROL)) {
if (Key.isDown(65)) {
Selection.setFocus(_root.m);
Selection.setSelection(0, _root.m.length);
}
}
myLength = _root.m.length;
if (myLength<>0) {
_root.depthChild1.newCopy.attributes.enabled = true;
_root.depthChild1.newDelete.attributes.enabled = true;
} else {
_root.depthChild1.newCopy.attributes.enabled = false;
_root.depthChild1.newDelete.attributes.enabled = false;
}
if (_root.depthChild2.myCheck.attributes.selected == true) {
_root.m.wordWrap = true;
} else if (_root.depthChild2.myCheck.attributes.selected == false) {
_root.m.wordWrap = false;
}
if (_root.depthChild3.myCheck2.attributes.selected == true) {
_root.mystatusbar._visible = 1;
} else {
_root.mystatusbar._visible = 0;
}
};
threeMenu = _root.myMenuBar.addMenu("Format");
threeMenu.addMenuItem({label:"Font", instanceName:"newFont", enabled:true});
threeMenu.addMenuItem({type:"check", label:"Word Wrap", enabled:true, selected:true, instanceName:"myCheck"});
myObject3 = new Object();
myObject3.change = function(evt3) {
if (evt3["menuItem"].attributes.instanceName == "newFont") {
_root.preview._visible = true;
}
};
threeMenu.addEventListener("change", myObject3);
fourMenu = _root.myMenuBar.addMenu("View");
fourMenu.addMenuItem({type:"check", label:"Status Bar", enabled:true, selected:true, instanceName:"myCheck2"});
fscommand("showmenu", false);
// End

حالا سيو کرده و برنامه را اجرا کنيد.
بهتر است خروجي به صورت exe باشد.

[SEPIDEH JAN]

كد زير را در فريم 1 وارد كنيد تا تشخيص دهد

حتما بايد كليد space فشرده شود و نتيجه ديده شود

يعني با هر بار فشردن آن اطلاعات به روز مي شود

ياد تون نره كليد space را فشار دهيد و نتيجه را ببينيد:

كد:_root.createTextField("display", 0, 100, 100, 200, 200);
var myTextFormat:TextFormat = new TextFormat();
myTextFormat.font = "tahoma";
myTextFormat.size = 14;
display.selectable = false;
var myObject:Object = new Object();
myObject.onKeyUp = function() {
if (Key.getCode() == (Key.SPACE)) {
display.text = "لطفا کمي صبر کنيد";
display.setTextFormat(myTextFormat);
var myLoadVars:LoadVars = new LoadVars();
var myLoadVars2:LoadVars = new LoadVars();
myLoadVars.sendAndLoad("http://www.yahoo.com", myLoadVars2, "POST");
myLoadVars2.onLoad = function(a:Boolean) {
if (a == true) {
display.text = "شما به اينترنت وصل هستيد";
display.setTextFormat(myTextFormat);
}
if (a == false) {
display.text = "شما به اينترنت وصل نيستيد";
display.setTextFormat(myTextFormat);
}
};
}
};
Key.addListener(myObject);

[Arman_BM]

سلام
Sepideh Jan عزیز.
بسیار لطف کردید که انقدر با حوصله به سوالات من پاسخ دادید و چند پست مفید دیگر هم دادید اما....
اما کاشکی یکم ساده تر توضیح میدادید - من فقط جواب سوال آخرم رو تونستم بفهمم. البته خیلی ممنونم اما اگه توضیح رو در حد کسی رو بگین که از برنامه نویسی فقط تابع و آرایه و حلقه ها و امثالهم رو میدونه خیلی مفید تره .. اگه ساده تر هم شد که چه بهتر ..
بسیار و بسی ممنونم
------------------------------------
در مورد پست های خودتون هم این قضیه وجود داره. صرف دادن کد فقط کار عده ی کمی رو راه میندازه (ماهی دادن هست)
اما اگه دستورات خود As3 رو شروع کنین توضیح دادن ویا همون As3 رو درس بدید خیلی خیلی عالی و پر طرفدار خواهد شد . (ماهی گیری یاد دادن است)

باز هم بسیار ممنون که وقت گذاشته، مرحمت فرمودید و جواب سوالات این جانب را دادید.

منتظر آموزش های بعدی شما هستیم

یا حق

[SEPIDEH JAN]

اين پست ويرايش شد

[SEPIDEH JAN]

سلام دوست عزيز
چشم !
از اول اكشن اسكريپت رو توضيح ميدم .

[SEPIDEH JAN]

يكي از جلوه هاي مهم فلش اينكه شما مي تونيد با يه كم برنامه نويسي تسلط بيشتري را بر روي اون كارهاي گرافيكي
كه با فلش انجام مي ديد داشته باشد.
نماي ظاهري Active Script :

در قسمت سمت چپ قسمت Active Script يك پنجره اي است كه شامل منو هاي مختلفي است كه هر كدام از آن منو ها هم داراي زير منوهاي مختلفي هستند.
منوي Actions داراي اجزايي اصلي است كه با آن ها بيشتر كارهاي Active Script را انجام مي دهند.
منوي Operators مربوط مي شود به آن علامت هايي كه در دستورات شرطي يا حلقه و... مورد استفاده قرار مي گيرد.
منوي Function مربوط مي شود به تابع ها و نوع متغير ها و...
منوي Constants مربوط مي شود به مقدار دهي متغير ها ...
منوي Properties و Objects مربوط مي شود به خصوصيات مربوط به Object ها (اشيا) و ...
منوي Deprecated شامل خصوصياتي براي تمام اشيا مي باشد ...
و بالاخره منوي Index :
اين منوي شامل تمام اجزاي ديگر منو ها به ترتيب الفبا مي باشد.