Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > Mobile > [iOS/iPhone] Tutorials - สอนเขียน iPhone App ฟรี เขียน iPad App เรียน iPhone เขียนโปรแกรม iPhone > สร้าง Project ของ iOS 7 บน Xcode 5 และการปรับแต่ง Run บน Simulator

สร้าง Project ของ iOS 7 บน Xcode 5 และการปรับแต่ง Run บน Simulator

สร้าง Project ของ iOS 7 บน Xcode 5 และการปรับแต่ง Run บน Simulator หลังจาก Xcode และ iOS 7 เปิดตัวอย่างเป็นทางการ และเปิดให้นัก Developer ทำการ Download ทดสอบกัน และบน Xcode 5 อาจจะมีรูปแบบการเขียนต่างจาก Xcode 4 บ้างนิดหน่อย เช่น Xcode 5 จะมีค่า Default ของ View มาในรูปแบบของ Storyboard และการสร้าง View (.xib) จะแยกกับการสร้าง Class ที่เป็น .h และ .m ด้วยเหตุนี้เองทำให้หลาย ๆ คนที่อ่านบทความของไทยครีเอท อาจจะซับสนกับรูปแบบการเขียนบ้าง แต่โดยพื้นฐานทั่วไปแล้ว Xcode 4 และ Xcode 5 นั้นการเขียนแทบจะไม่แตกต่างกันเลย

สรุป
Xcode 5 จะสนับสนุนให้การสร้าง App บน iOS ในรูปแบบของ Storyboard ซึ่งเราสามารถสร้าง View ได้หลาย ๆ View ในหน้่า Storyboard เดียวกัน ส่วนจะแยก Class ที่เป็ .h และ .m ก็สามารถสร้างแล้วกำหนด Custom Class ได้ เหมือนกันตัวอย่างนี้

iOS/iPhone Storyboard and Custom Class in View (Objective-C, iPhone, iPad)

https://www.thaicreate.com/mobile/ios-iphone-storyboard-custom-class.html

และสิ่งที่แปลกตาอีกตัวหนึ่งคือ Simulator ที่ใช้สำหรับการรันโปรแกรม ซึ่งใน Xcode 5 ตะมาพร้อมกับ iOS 7 ที่สามารถรองรับหน้าจอของ iPhone รุ่นต่าง ๆ ตั้งแต่ iPhone 4 , iPhone 5

iOS 7 Xcode 5 Simulator

หน้าจอของ Simulator บน iOS 7 รองรับ iPhone 4 , iPhone 5

iOS 7 Xcode 5 Simulator

หน้าจอบนโปรแกรม Xcode 5

iOS 7 Xcode 5 Simulator

ทดสอบการสร้าง Project บน Xcode 5 เลือก Single View Application

ตั้งชื่อ Project

iOS 7 Xcode 5 Simulator

เลือก Path ของโปรแกรม

iOS 7 Xcode 5 Simulator

หลังจากได้โปรเจคเรียบร้อยแล้ว เราจะเห็นว่ามีการสร้างไฟล์ Storyboard มาให้ พร้อมกับ View จำนวน 1 View และก็ชุดของ Class ที่เป็น .h และ .m ทำงานควบคู่กันกับ View ที่อยู่ใน Storyboard (ก่อนหน้านี้ Xcode 4 มีให้เลือกทั้งแบบ xib ธรรมดา หรือจะเลือกใช้แบบ Storyboard )

iOS 7 Xcode 5 Simulator

เมื่อทดสอบคลิกที่ View จะเห็นว่า Custom Class มีการชี้ไปที่ ViewController ที่มีอยู่ 1 ชุด

iOS 7 Xcode 5 Simulator

หากต้องการสร้าง Object ต่าง ๆ ลงบน View สามารถคลิกที่ View ดังรูป

iOS 7 Xcode 5 Simulator

ลาก Object ที่มีชื่อว่า Label ลงบนหน้าจอ View

iOS 7 Xcode 5 Simulator

ปรับแต่งข้อความในส่วนของ Inspector

การรันโปรแกรมบน iOS 7 กับ Simulator

iOS 7 Xcode 5 Simulator

สามารถเลือกขนาดของหน้าจอ ของ iPhone แต่ล่ะรุ่นได้

iOS 7 Xcode 5 Simulator

เลือกขนาดของหน้าจอ

จากนั้นคลิกที่ปุ่ม Run

iOS 7 Xcode 5 Simulator

ในครั้งแรกจะเห็นว่าหน้าจอของ Simulator ค่อนข้างจะใหญ่มาก

iOS 7 Xcode 5 Simulator

สามารถปรับขนาดของ Simulator โดยไปที่ Windows -> Scale -> 50%

iOS 7 Xcode 5 Simulator

หน้าจอกลับมาขนาดปกติ

iOS 7 Xcode 5 Simulator

การเข้าสู่เมนู Home สามารคลิกได้ที่ Hardware -> Home

iOS 7 Xcode 5 Simulator

แสดงหน้า Home บน Simulator

iOS 7 Xcode 5 Simulator

Icon Apps ที่ถูกสร้างขึ้นในขั้นตอนการรัน

iOS 7 Xcode 5 Simulator

ในกรณีที่ต้องการสลับ Simulator ให้เป็นแบบแนวนอน

iOS 7 Xcode 5 Simulator

iOS Simulator ในรูปแบบของแนวนอน

ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท

ลองใช้ค้นหาข้อมูล


	By :	ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
	Score Rating :
	Create/Update Date :	2014-03-23 11:46:30 / 2017-03-25 23:23:13
	Download :	No files

Sponsored Links / Related

Xcode 5 กับ Storyboard สร้าง View หลาย View กับ Custom Class (.h , .m) (iOS 7)
Rating :

การเชื่อมโยง Segue and View บน Storyboard ของ Xcode 5 (iOS 7)
Rating :

สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8

สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI

Free Tutorial

	สอน Google Maps Api
	สอน Windows Service
	สอน Entity Framework
	สอน Android
	สอน Java เขียน Java
	Java GUI Swing
	สอน JSP (Web App)
	iOS (iPhone,iPad)
	Windows Phone
	Windows Azure
	Windows Store
	Laravel Framework
	Yii PHP Framework
	สอน jQuery
	สอน jQuery กับ Ajax
	สอน PHP OOP (Vdo)
	Ajax Tutorials
	SQL Tutorials
	สอน SQL (Part 2)
	JavaScript Tutorial
	Javascript Tips
	VBScript Tutorial
	VBScript Validation
	Microsoft Access
	MySQL Tutorials
	-- Stored Procedure
	MariaDB Database
	SQL Server Tutorial
	SQL Server 2005
	SQL Server 2008
	SQL Server 2012
	-- Stored Procedure
	Oracle Database
	-- Stored Procedure
	SVN (Subversion)
	แนวทางการทำ SEO
	ปรับแต่งเว็บให้โหลดเร็ว