Presentation flex course

508 views
444 views

Published on

เอกสารประกอบการบรรยาย Flex beginning level ที่ขอนแก่น

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
508
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Presentation flex course

  1. 1. Flex beginning level● พื้นฐานเบื้องต้น● การสร้าง UI ขั้นพื้นฐาน● การสร้าง UI ขั้นสูง● การสร้างคอมโพเนนท์● การจัดการข้อมูล● Workshop (Garage management app.)
  2. 2. พื้นฐานเบื้องต้น● Flex มี mxml เป็น tag คล้ายๆ กับ html เพื่อสร้าง หน้าตาโปรแกรม● ใช้ ActionScript เพื่อดำาเนินการทางด้านโปรแกรม เหมือน JavaScript● เขียนโปรแกรมโดยมี Event ต่างๆ จาก Control
  3. 3. พื้นฐานเบื้องต้น (ต่อ) Flash Builder Design or Coding area Properties of display objectControl & Container
  4. 4. พื้นฐานเบื้องต้น (ต่อ) Flash Builder Design or Coding area
  5. 5. การสร้าง UI ขั้นพื้นฐาน● Control
  6. 6. การสร้าง UI ขั้นพื้นฐาน● Container
  7. 7. การสร้าง UI ขั้นพื้นฐาน● Style (CSS)
  8. 8. การสร้าง UI ขั้นพื้นฐาน● Effect – การเพิ่มลูกเล่นแบบ Animation ให้ Control
  9. 9. การสร้าง UI ขั้นพื้นฐาน● State – เพิ่มการแสดง UI อันหลากหลาย
  10. 10. การสร้าง UI ขั้นพื้นฐาน● Tooltip - ข้อความอธิบาย
  11. 11. การสร้าง UI ขั้นพื้นฐาน● Cursor management - ควบคุมการแสดงเคอร์เซอร์
  12. 12. การสร้าง UI ขั้นสูง● Repeater● ItemRenderer● ItemEditor (not complete)● Data provider● Drag and Drop (on list base control)● Tree (not complete)
  13. 13. การสร้าง UI ขั้นสูง● Repeater – การแสดงผล Control แบบ Recursive
  14. 14. การสร้าง UI ขั้นสูง● ItemRenderer – การแสดงผลบน List base control
  15. 15. การสร้าง UI ขั้นสูง● Data provider – ข้อมูลใช้แสดงใน List base control
  16. 16. การสร้าง UI ขั้นสูง● Drag and Drop (on list base control) – การลากแล้ว วางข้อมูลระหว่าง List base control
  17. 17. การสร้างคอมโพเนนท์● Mxml component● ActionScript programming● Deploy component (create library or *.swc)● Module (modularity support)● Pop-Up (TitledWindow)
  18. 18. การสร้างคอมโพเนนท์● Mxml component
  19. 19. การสร้างคอมโพเนนท์● ActionScript programming
  20. 20. การสร้างคอมโพเนนท์● Deploy component (create library or *.swc) – สร้าง Library แบบซ่อนโค้ด หรือป้องกันการแก้ไข
  21. 21. การสร้างคอมโพเนนท์● Module (modularity support) – ทำาให้ Web app. แยก ย่อยออกและมีขนาดไฟล์ที่เล็ก ระบบมีความเป็นอิสระ มากขึ้น
  22. 22. การสร้างคอมโพเนนท์● Pop-Up (TitledWindow)
  23. 23. การจัดการข้อมูล● Data binding● Data Validating (not complete)● Data Formatting (not complete)● XML● HTTPService● RemoteObject
  24. 24. Workshop● Garage management application● Introduce to micro-architecture framework – RobotLegs framework● How to use Flex initial code generator

×