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