คลังเก็บบล็อก

Xcode 4.2 : XCode4 Thai User Guide # 2 by adaydesign


Xcode 4.2 : XCode4 Thai User Guide ภาค 2 by adaydesign

จากที่ Apple ได้ออก iOS 5.0 beta 7 มาให้นักพัฒนาได้ทดสอบเขียนโปรแกรมกัน (ตั้งนานแล้ว) ได้เวลาเราบ้างหละที่จะเปิดโลกทัศน์ใหม่และเปลี่ยนจาก Xcode 4.0 ที่ใช้กันอยู่มาใช้เวอร์ชั่น Xcode 4.2 แต่เวอร์ชั่นนี้ยังเป็น beta อยู่นะครับสำหรับ iOS5.0 ดังนั้นยังไม่สามารถที่จะนำแอพเข้า app store ได้นะครับ สำหรับ iOS 5.0 แต่เราสามารถศึกษาฟังก์ชั่นใหม่ๆ ได้ก่อนที่มันจะออกตัวเต็ม เราก็ใช้เป็นแล้ว เหอะๆ ดังนั้นเรามาเริ่มกันเลยดีกว่าครับสำหรับ Xcode4.2

Read the rest of this entry

Advertisements

iPhone: วิธีการใช้งาน Xcode สำหรับการพัฒนาแอพพลิเคชั่นบนไอโฟน (3)


iPhone: วิธีการใช้งาน Xcode สำหรับการพัฒนาแอพพลิเคชั่นบนไอโฟน ตอนที่ 3 การสร้าง User Interface ด้วย Interface Builder, Organizer และ Debug Area

เมื่อเรากดที่ไฟล์ .xib (มักอ่านกันว่า “ดอทนิปไฟล์”) โปรแกรม Xcode จะแสดงหน้า Interface Builder ขึ้นมา ซึ่ง Interface Builder เป็นโปรแกรมหนึ่งที่ให้เราสามารถตกแต่งรูปแบบหน้าตาของแอพพลิเคชั่นได้อย่างง่ายดาย เพียงลาก UI ที่โปรแกรมได้เตรียมไว้ให้ทางด้านขวามือมาใส่ View ที่เป็นกรอบสี่เหลี่ยมตรงกลางเท่านั้นเอง ก่อนอื่นเรามารู้จักส่วนประกอบของ Interface Builder ก่อนว่าโปรแกรมนี้ประกอบด้วยส่วนไหนบ้าง

โปรแกรม Interface Builder ประกอบด้วย 4 ส่วนหลักๆ คือ ส่วนที่แสดง Placeholders และ Objects จะอยู่ด้านซ้าย ส่วนแสดงผลตัวอย่างหน้าจอจะอยู่ตรงกลาง ส่วนแสดงรายละเอียดของ UI ต่างๆและ UI ที่ทาง Interface Builder เตรียมเอาไว้จะอยู่ด้านขวามือ ดังรูปด้านล่าง

Read the rest of this entry

iPhone: วิธีการใช้งาน Xcode สำหรับการพัฒนาแอพพลิเคชั่นบนไอโฟน (2)


iPhone: วิธีการใช้งาน Xcode สำหรับการพัฒนาแอพพลิเคชั่นบนไอโฟน ตอนที่ 2 ระบบไฟล์ต่างๆ ในโปรเจคที่ควรรู้จัก

เมื่อเข้าสู่หน้าแรกของโปรเจค ส่วนทางด้านซ้ายมือจะเป็นส่วนที่แสดงไฟล์ต่างๆ ที่อยู่ในโปรเจคของเรา โดยไฟล์ต่างๆ เหล่านี้จะถูกจัดให้อยู่เป็นกลุ่มๆ อย่างเป็นระเบียบ ได้แก่

  • กลุ่มของซอสโค้ด จะประกอบด้วยไฟล์ คลาสของ Objective-C ไฟล์ header (.h) ไฟล์ implement (.m) และไฟล์ Interface Builder (.xib)
  • กลุ่มของ Support Files จะประกอบด้วยไฟล์ .plist .strings .pch และ main.m
  • กลุ่มของ Frameworks จะประกอบด้วยเฟรมเวิร์คหลักที่จำเป็นต้องใช้ในการเขียนแอพพลิเคชั่นแบบ User Interface
  • กลุ่มของ Products จะประกอบด้วยไฟล์ .app ซึ่งสามารถมีได้มากกว่า 1 ไฟล์ต่อ 1 โปรเจคซึ่งเป็นไฟล์เดียวกับ Target ไฟล์

โดยในแต่ละไฟล์นั้นมีหน้าที่และประโยชน์อย่างไรต่อการพัฒนาแอพพลิเคชั่นของเราบ้าง มาเริ่มศึกษากันเลย


Read the rest of this entry

iPhone: วิธีการใช้งาน Xcode สำหรับการพัฒนาแอพพลิเคชั่นบนไอโฟน


iPhone: วิธีการใช้งาน Xcode สำหรับการพัฒนาแอพพลิเคชั่นบนไอโฟน ตอนที่ 1 เริ่มสร้างโปรเจคใหม่

เริ่มต้นมาทำความรู้จักกับ Xcode กันก่อน Xcode เป็นเครื่องมือในการใช้พัฒนาแอพพลิเคชั่นบนไอโฟน ซึ่งในคู่มือนี้จะแนะนำการใช้งานของ Xcode เวอร์ชั่น 4.0.2 เนื้อหาในส่วนนี้จะเน้นไปที่เรื่องของการใช้เครื่องมือของ Xcode ในการเขียนโค้ด การสร้าง User Interface การตรวจสอบข้อผิดพลาด การตรวจสอบเวอร์ชั่นของซอสโค้ด รวมไปถึงการอัพแอพพลิเคชั่นเข้า app store โดยจะกล่าวเป็นส่วนๆ ดังต่อไปนี้

1 เริ่มสร้างโปรเจคใหม่

เมื่อเปิดใช้งาน Xcode ครั้งแรก จะพบกับหน้า Welcome to Xcode ในหน้านี้จะมีเมนูสำหรับการสร้างโปรเจคใหม่ การเชื่อมต่อกับคลังโค้ด แนะนำการใช้งาน Xcode ให้ และลิ้งไปยังเว็บไซต์ iOS Dev ในด้านซ้ายมือ ส่วนในทางด้านขวามือ จะแสดงชื่อโปรเจคที่เราใช้งานล่าสุด หากเราไม่ต้องการให้หน้านี้แสดงอีกครั้งเมื่อเราเปิด Xcode ให้ยกเลิกการเลือกข้อความ “Show this window when Xcode launches”

Read the rest of this entry

iPhone: XCode4 Assistant Editor


iPhone: XCode4 Assistant Editor

พอดีได้เข้าไปอ่านสไลด์พรีเซนของ WWDC 2011 เรื่อง “Using Interface Builder in XCode 4” มีจุดหนึ่งน่าสนใจมากครับคือ Assistant Editor เป็นตัวช่วยในการเขียนโค้ดที่เชื่อมกับ Interface Builder จุดเด่นคือเราไม่ต้องเขียนโค้ดเองในส่วนการประกาศตัวแปร IBOutlet, IBAction, property มาลองดูกันเลยครับ

Read the rest of this entry

AD@Y: XCode4 Thai User Guide by adaydesign


AD@Y: XCode4 Thai User Guide by adaydesign

ผมกำลังจะเขียนอะไรสักอย่างกึ่งๆ หนังสือนี่หละ แล้วพอทออก Mobile ตามสเตป เลยคิดหาอยู่นานว่าจะเอาอะไรที่จะทำเสร็จเร็วๆ ดี ทีแรกคิดว่าจะทำ Tutorial แต่ยังก่อนฝีมือไม่ถึงขั้น ก้อเลยเห็น XCode4 ที่เหล่า developer ที่เริ่มใช้งานยังไม่ปัญหากันอยู่ ผมเลยจะจับมาเขียนเป็นคู่มือการใช้งานฉบับภาษาไทยเสียเลย คอยติดตามกันนะครับ ว่าเมื่ออ่านแล้วจะทำให้ใช้ XCode4 ได้คล่องขึ้นกว่าเดิมหรือไม่ คอยติดตามนะครับ

Read the rest of this entry

iPhone: XCode4 Adding New Existing Frameworks


XCode4 Adding New Existing Frameworks

วันนี้จะมาพูดเพิ่มเติมสำหรับการใช้ XCode4 นะครับ วันนี้เป็นส่วนของในเรื่องการเพิ่มเฟรมเวิร์คสู่โปรเจคของเรา จาก XCode3 มีวิธีเพิ่มเฟรมเวิร์ค (add new existing frameworks) ที่ง่ายแสนง่าย คือการคลิกขวาที่ project explorer แล้วก้อกดเมนู add new existing frameworks -> เลือกเฟรมเวิร์คที่ต้องการ ก็เป็นอันเสร็จ แต่หลังจากเปลี่ยนมาเป็น XCode4 แล้ว เมนูคลิ๊กขวานั้นหายไป!!!!! …แล้วเราจะเพิ่มเฟรมเวิร์คยังไงหว่า เป็นคำถามแรกๆ ของนักพัฒนาที่พึ่งเริ่มมาใช้ XCode4 เป็นกัน โอเคเรามาดูวิธีทำกันเลยดีกว่า

Read the rest of this entry

%d bloggers like this: