คู่มือสำหรับผู้เริ่มต้นในการพัฒนาแอพพลิเคชั่น iPhone: สวัสดี iPhone

เอาล่ะ คุณมี Mac (Hackintosh ใช้งานได้) และคุณต้องการลองเขียนแอปพลิเคชั่นบางตัวสำหรับ iPhone มีบทช่วยสอนมากมายในเน็ต แต่วิธีที่ง่ายที่สุดในการเรียนรู้ภาษาการเขียนโปรแกรมที่ไม่รู้จักหรือเฟรมเวิร์กหรือ IDE ก็คือการเข้าไปยุ่งกับมันและทำให้มือของคุณสกปรก มาเริ่มกันที่ด้านล่างแล้วค่อยๆ ขึ้นไป ซึ่งเป็นเหตุผลที่บทช่วยสอนนี้จะแสดงให้คุณเห็นถึงวิธีสร้างพื้นฐาน แอปพลิเคชั่น 'สวัสดี iPhone' พร้อมตัวช่วยสร้างพื้นฐานและเครื่องมือสร้างภาพที่จัดทำโดย แอปเปิ้ล.

เมื่อเรามีเฟรมเวิร์กใหม่ที่มีตัวสร้างภาพ ขอแนะนำให้ลองใช้การสร้างแบบง่ายๆ แอปพลิเคชันเพื่อทำความเข้าใจว่าเฟรมเวิร์กมีอะไรบ้างก่อนที่จะลงลึกใน รหัส. ตัวสร้างอินเทอร์เฟซที่จัดเตรียมโดย Apple เป็นหนึ่งในนักออกแบบที่มีประโยชน์ที่สุดที่ฉันเคยใช้และมัน ใช้เวทย์มนตร์บางอย่างหากคุณไม่ต้องการใช้ระดับโค้ดซึ่งเหมาะสำหรับa เริ่มต้น

ในการเริ่มต้นพัฒนาแอพพลิเคชั่นสำหรับ iPhone ก่อนอื่นคุณต้องดาวน์โหลดและติดตั้ง iOS SDK. สิ่งนี้จะติดตั้งทุกสิ่งที่คุณต้องการเพื่อสร้างแอพ - XCode (IDE ของ Apple), iPhone Simulator (ช่วยคุณทดสอบ แอพของคุณที่ไม่มี iPhone) และตัวสร้างส่วนต่อประสาน (ตัวสร้างส่วนต่อประสานผู้ใช้ของ Apple สำหรับการพัฒนา iPhone แอปพลิเคชัน)

เมื่อคุณติดตั้งทุกอย่างเรียบร้อยแล้ว คุณก็พร้อมที่จะกระโดดเข้ามา เริ่มต้นด้วยการเปิดตัว XCode โดยค่าเริ่มต้นจะมีการติดตั้งไว้ในโฟลเดอร์นักพัฒนาซอฟต์แวร์

เมื่อเราเปิดตัว XCode เราจะนำเสนอด้วยหน้าจอต้อนรับ คุณสามารถดูผ่านสิ่งนั้นหรือเพียงแค่ยกเลิก คุณสามารถเลือก สร้างโครงการ XCode ใหม่ ปุ่มที่ไฮไลต์ในภาพที่แสดงด้านล่างเพื่อแสดงเทมเพลตโครงการ

แอปพลิเคชั่น View-Based เป็นแอพพลิเคชั่นที่เริ่มต้นง่ายที่สุด ด้วยแอพพลิเคชั่นแบร์โบนที่สมบูรณ์ ซึ่งสามารถเรียกใช้บน iPhone ได้ทันทีและแสดงมุมมองที่ว่างเปล่า เทมเพลตนี้จะให้อะไรคือมุมมองและตัวแทนแอปพลิเคชัน ผู้รับมอบสิทธิ์ของแอปพลิเคชันเพียงแค่ใส่เป็นเอนทิตีที่ตอบสนองต่อข้อความจากวัตถุของแอปพลิเคชัน สามารถมีออบเจ็กต์แอปพลิเคชันได้เพียงรายการเดียวต่อแอปพลิเคชัน iPhone และเทมเพลตโปรเจ็กต์จะดูแลการสร้างออบเจ็กต์ให้กับเรา

เมื่อคุณคลิกปุ่ม เลือก คุณจะได้รับพร้อมท์ให้ใส่ชื่อโครงการ ตั้งชื่อมันว่า "สวัสดี iPhone"

เมื่อสร้างโปรเจ็กต์โดยใช้เทมเพลตแล้ว อินเทอร์เฟซ XCode จะปรากฏขึ้นและแสดงไฟล์ทั้งหมดที่เทมเพลตโปรเจ็กต์สร้างให้คุณในมุมมองที่ดีและใช้งานได้

ไฟล์ที่สำคัญที่สุดสำหรับเราที่นี่คือ MainWindow.xib ซึ่งมีตัวแทนแอปพลิเคชันของเรา เทมเพลตที่เราใช้สร้างไฟล์ nib นี้สำหรับเรา (MainWindow.xib) และสิ่งนี้จะดูแลการสร้างความสัมพันธ์ของวัตถุทั้งหมดที่จำเป็นสำหรับแอปพลิเคชันนี้ในการทำงาน เราสามารถยอมรับได้ว่าการแก้ไขทุกอย่างในมุมมองที่เกี่ยวข้องจะแสดงขึ้นในแอปพลิเคชันของเราเมื่อเราเปิดตัว

ดับเบิลคลิกที่ไฟล์ MainWindow.xib จะเป็นการเปิดตัวสร้างอินเทอร์เฟซและแสดงมุมมองถัดไปสำหรับเราที่แสดง View Controller ที่เกี่ยวข้อง หากเราต้องการเปลี่ยนแปลงมุมมองที่เราต้องการจะทำในกรณีนี้ เราควรคลิกลิงก์ที่ให้มาในมุมมองคอนโทรลเลอร์ตามที่แสดงในภาพด้านล่าง

การคลิกที่ลิงก์จะเป็นการเปิดไฟล์ nib อีกไฟล์หนึ่งชื่อ Hello_iPhoneViewController.xib ดังที่แสดงในภาพด้านล่าง และยังเปิดมุมมองจริงที่จะแสดงขึ้นเมื่อเปิดแอปพลิเคชัน การเปลี่ยนแปลงใดๆ ที่เราทำในมุมมองนี้จะมีผลโดยตรงเมื่อเรียกใช้แอปพลิเคชัน

เนื่องจากเราเรียกโปรเจ็กต์ของเราว่า "สวัสดี iPhone" ให้ใส่ข้อความเดียวกันโดยใส่เครื่องหมาย (!) ลงในมุมมองของเราในป้ายกำกับ หากเราต้องเพิ่มองค์ประกอบส่วนต่อประสานผู้ใช้ในมุมมอง เราสามารถทำได้โดยเลือกส่วนประกอบจากหน้าต่างไลบรารี สามารถเปิดหน้าต่างไลบรารีได้จากเมนูเครื่องมือ > ไลบรารีบนเมนูตัวสร้างอินเทอร์เฟซ

การคลิกที่รายการเมนูไลบรารีจะเป็นการเปิดกล่องโต้ตอบไลบรารีซึ่งแสดงรายการส่วนประกอบที่พร้อมใช้งานและสามารถเลื่อนได้โดยใช้แถบเลื่อนตามที่ไฮไลต์ในภาพด้านล่าง

เลื่อนลง/ขึ้นเพื่อค้นหาองค์ประกอบ "ป้ายกำกับ" ซึ่งแสดงไฮไลต์ในภาพด้านล่าง

การนำส่วนประกอบเข้าสู่มุมมองนั้นง่ายและตรงไปตรงมามาก คุณจะต้องลากและวางส่วนประกอบจากกล่องโต้ตอบไลบรารีไปยังมุมมองดังที่แสดงในภาพด้านล่าง

เมื่อวางองค์ประกอบฉลากลงในมุมมองแล้ว ส่วนประกอบนั้นจะปรากฏขึ้นดังที่แสดงด้านล่าง และสามารถแก้ไขข้อความแบบอินไลน์ได้

ให้ดับเบิลคลิกที่ข้อความ “Label” และเปลี่ยนเป็นสิ่งที่เราต้องการ “Hello iPhone!” ในกรณีของเราเนื่องจากเป็นแอปพลิเคชันที่มีชื่อเดียวกัน การแก้ไขจะแสดงดังภาพด้านล่าง

ปิดมุมมองทั้งหมด และเมื่อคุณปิดกล่องโต้ตอบที่ชื่อว่า “Hello_iPhoneViewController.xib” คุณจะได้รับแจ้งให้บันทึกการเปลี่ยนแปลง คลิกที่ปุ่ม "บันทึก" เพื่อใช้และบันทึกการเปลี่ยนแปลงที่เราเพิ่งทำ

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

ต่อไปเราจะกลับมาที่หน้าต่าง XCode และตั้งค่าให้แอปพลิเคชั่น "Hello iPhone" หมด เรามาดูวิธีการทำ สามารถสร้างและเปิดใช้แอปพลิเคชันในโปรแกรมจำลองได้หลังจากสร้างโดยคลิกปุ่ม "สร้างและเรียกใช้" ที่แสดงอยู่ตรงกลางด้านบนของหน้าต่าง XCode ดังที่แสดงไว้ในภาพด้านล่าง

การดำเนินการนี้จะพยายามสร้างแอป และในกรณีของเราควรสร้างและเปิดใช้แอปพลิเคชันของเราในเครื่องจำลอง iPhone ได้สำเร็จดังแสดงในภาพด้านล่าง

ตอนนี้เรากำลังพูดว่า "สวัสดี iPhone!" ยินดีด้วยที่เปิดตัวแอปพลิเคชั่น iPhone ตัวแรกของคุณบนเครื่องจำลอง เรารอคอยที่จะรับฟังจากคุณในกรณีที่คุณพบปัญหาใดๆ หรือต้องการแบ่งปันความคิดเห็น