[Flex] Creating a Flex Builder workspace and project

Flex basics #1  : Creating a Flex Builder workspace and project (7:04)

    Workspace : เป็น File System Directory ที่ประกอบด้วยไฟล์และโฟลเดอร์ทั้งหมดที่อยู่ใน preject ซึ่งสามารถดู default location ของ Flex Builder Workspace ได้จาก File > menu > เลือก Workspace ที่ต้องการ

    การสร้าง Flex Project :

    1. File > New > Flex Project

    flex__createproject_1.jpg

    2.ตั้งค่าเบื้องต้น แล้วกด Next

    flex__createproject_2.jpg

    – ใส่ชื่อของ Project ในช่อง Project name โดยในที่นี้ใส่ Test

    – เลือก Location ที่ใช้เก็บ Project ซึ่งสามารถเลือกค่า default ได้โดยติ๊กที่ช่อง Use default location หรือกำหนดเองได้โดยกดที่ Browse…

    – เลือกชนิดของ Application

    3. เลือกโฟล์เดอร์ที่จะใช้เก็บ Output แล้วกด Next   : โฟลเดอร์ bin-debug จะเป็น default location ที่ใช้เก็บไฟล์ Output ที่ได้จากการ Complied Flex Application

    flex__createproject_3.jpg

    4. เลือกโฟลเดอร์ที่ต้องการเก็บ source แล้วกด Finish : Main source folder : Default Folder ที่ใช้ในการเก็บ source คือ โฟลเดอร์ src ซึ่งจะเป็นที่ที่เราใช้เก็บไฟลฺ์ MXML และ ActionScript ทั้งหมดของโปรเจ็ค

    flex__createproject_4.jpg

    5. ผลที่ได้จากการสร้าง

    flex_ createproject_5_1.jpg

    – 1. Flex Navigator : แสดงไฟล์ของโปรเจ็คที่กำลังทำงานอยู่

    – 2. Editor : แสดงโค้ดของ Test.mxml

    – 3. ไฟล์ที่มี ลูกศรสีเขียวและลูกบอลสีฟ้า แสดงว่าเป็น main application file โดย ลูกศรสีเขียนแสดงว่าไฟล์นั้นเป็น MXML application ซึ่งจะมีได้เพียงไฟล์เดียวในแต่ละโปรเจ็ค และลูกบอลสีฟ้าบอกว่าไฟล์นั้นเป็น default application file ของโปรเจ็คนี้

    การคอมไพล์ Flex Appication :

    flex__Compiling_1.jpg

    ถ้ามีหลายไฟล์ให้กดที่ปุ่มลูกศรสีเขียวที่ Toolbar แล้วเลือกไฟล์ที่ต้องการ

    – ถ้ามีไฟล์เดียวให้กดที่ลูกศรสีเขียวได้เลย

    Leave a comment