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 > ตอนที่ 2 : รู้จัก Xamarin Studio IDE บน Mac OS การเขียน iOS บน Xamarin ด้วยภาษา C#

ตอนที่ 2 : รู้จัก Xamarin Studio IDE บน Mac OS การเขียน iOS บน Xamarin ด้วยภาษา C#

ตอนที่ 2 : รู้จัก Xamarin Studio IDE บน Mac OS การเขียน iOS บน Xamarin ด้วยภาษา C# ปกติแล้วบน Mac OS เราสามารถใช้เครื่อง Mac ติดตั้งโปรแกรม Xcode และเขียน iOS App ได้เลย ซึ่งจะมีความสะดวกและทำได้ง่ายมากกว่า Xamarin Studio IDE แต่ข้อเสียคือจะต้องเขียนด้วยภาษา Objective-C และ Swift เท่านั้น ซึ่งภาษา Objective-C ได้ชื่อว่าเป็นภาษาที่เข้าใจยากพอสมควร แต่ล่าสุดมีภาษา Swift ถูกพัฒนามาใหม่ให้เป็นทางเลือกแทน Objective-C ทำให้การเขียนนั้นง่ายขึ้นมากกว่าเดิม แต่ Xamarin.iOS ก็เป็นอีกทางเลือกหนึ่ง ที่จะช่วยให้การเขียน iOS App ด้วยภาษา C# นั้นง่ายยิ่งขึ้น ซึ่งถ้าหากเราพัฒนาโปรแกรมบน .NET Framework ด้วยภาษา C# อยู่แล้ว ก็สามารถที่จะเรียนรู้และเขียนมันต่อได้ทันที ทั้งรูปแบบการเขียนและ Syntax , Property และ Method ก็คือภาษา C# บน .Net Framework ที่นำมาใช้งานบน iOS ด้วยการแปลภาษาผ่าน Framework ของ Xamarin ภาษา C# จะสามารถทำงานได้ดีบน iOS อย่างไม่มีปัญหา

ในการเขียน App บน iOS ด้วย Xamarin.iOS ยังคงจะต้องอาศัยทรัพยาการต่าง ๆ ของเครื่อง Mac เช่น จะต้องติดตั้งโปรแกรม Xcode และ iOS SDK ให้เรียบร้อยซะก่อน เพราะในการ Run/Debug โปรแกรมที่เขียนด้วย Xamarin ยังจะต้องเรียก iOS Simulator ที่อยู่บนเครื่อง Mac ขึ้นมาทำงาน ฉะนั้นควรจะทำการ Install และ Update ให้เป็น Version ล่าสุดอยู่เสมอด้วย ฉะนั้นอาจจะมีปัญหาไม่สามารถทำการ Run หรือ Debug ได้

ขั้นตอนการ Download และติดตั้ง Xamarin บน Mac OS X

Xamarin.iOS Mac OS C#

Download Xamarin for Mac OS

http://xamarin.com/

กรอกข้อมูลและเลือก Download Xamarin for OS X

Xamarin.iOS Mac OS C#

คลิกที่ Install Xamarin ซึ่งขั้นตอนการติดตั้งจะใช้เวลา 30-60 นาที ขึ้นอยู่กับความเร็วของอินเตอร์เน็ต

Xamarin.iOS Mac OS C#

หลังจากที่ติดตั้งเรียบร้อยแล้วให้เปิดโปรแกรม Xamarin Studio

Xamarin.iOS Mac OS C#

หน้าจอหลักของโปรแกรม Xamarin Studio

Xamarin.iOS Mac OS C#

ให้คลิกที่ New Solution เพื่อสร้าง Project ใหม่

Xamarin.iOS Mac OS C#

เลือก C# -> iOS -> iPhone -> Single View Application พร้อมกับกรอกชื่อ Project

Xamarin.iOS Mac OS C#

หลังจากที่โปรเจคถูกสร้างแล้ว เราจะพบกับโครงสร้างไฟล์ต่าง ๆ ดังรูป ไฟล์ที่เราจะสนใจเป็นอันดับแรกคือ MainStoryboard.storyboard ไฟล์นี้เป็นไฟล์เก็บ UI หรือหน้าจอของ App โดยใน Version ใหม่ ๆ การพัฒนา iOS App ทั้งบน Xcode จะแนะนำให้ใช้ Storyboard แทน xib เพราะ Storyboard จะสามารถใช้งานได้ง่ายกกว่า เช่ร การสร้างหน้า App หรือ View ก็สามารถสร้างลงบน Storyboard เดียวกับ รวมทั้งการทำ Action เชื่อมโยงระหว่าง View นั้น จะต้องบอกว่าบน Storyboard นั้นสะดวกสุด ๆ

รู้จักกับ Storyboard ??
ในการเขียน App ทั่ว ๆ ไป Xamarin.iOS ด้วย C# ในหน้า 1 หน้าหรือ 1 View จะประกอบด้วย .xib และ .cs โดยหน้าที่ของ xib คือจัดเก็บหน้าจอ UI ส่วน cs นั้นจะเป็นส่วนของ Coding ทำงานควบคุมการแสดงผลของ UI แต่เมื่อใช้ Storyboard แทนที่จะนำ View ต่าง ๆ ไปไว้ใน xib ก็จะนำ View ทั้งหมดมาจัดเก็บไว้ใน Storyboard ที่เดียว และเราสามารถสร้าง Class ที่เป็น .cs เพื่อมาภูกและทำงานกับ View ที่อยู่บน Storyboard ของแต่ล่ะ View ได้

อ่านเพิ่มเติมเกี่ยวกับ Storyboard

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

จากรูปจะเห็นว่า Storyboard มี View อยู่ 1 View โดย View นี้จะทำงานคูุ่กับ iOSAppViewController.cs แต่ในกรณีที่มี View อื่น ๆ ก็สามารถที่จะสร้าง Class (.cs) เพื่อมาถูกกับ View ที่ถูกสร้างขึ้นมาใหม่ได้

Xamarin.iOS Mac OS C#

ในการเขียน Xamarin บน Mac แนะนำให้ใช้ UI และ Feature ของโปรแกรม Xcode เพราะความไหล่ลื่นและความเสถียร์ในการใช้งาน Xcode ยังดีกว่า Xamarin Studio IDE อยู่มาก

โดยการคลิกขวาที่ Storyboard -> Xcode Interface Builder

Xamarin.iOS Mac OS C#

ซะพักจะเปิดโปรแกรม Xcode ซึ่งตอนนี้เราสามารถใช้ IB (Interface Builder) ของ Xcode เพื่อสร้าง Layout ต่าง ๆ ได้ตามต้องการ

Xamarin.iOS Mac OS C#

ทดสอบลาก Label ลงบนหน้าจอ App เพื่อสร้างข้อความแบบง่าย ๆ

Xamarin.iOS Mac OS C#

ปรับแต่งข้อความตามต้องการ หลังจากเสร็จเรียบร้อยแล้ว เราสามารถปิดโปรแกรม Xcode ซึ่งไฟล์ Storyboard จะถูก Update ไปยังโปรแกรม Xamarin Studio IDE อัตโนมัติ

Xamarin.iOS Mac OS C#

ในการ Run โปรแกรมสามารถเลือกรุ่นต่าง ๆ ของ iOS Simulator ได้

Xamarin.iOS Mac OS C#

ในกรณีที่ยังไม่มี iOS รุ่นใหม่ ๆ แนะนำให้ Update Xcode / iOS ให้เรียบร้อยเสียก่อน

Xamarin.iOS Mac OS C#

หลังจากที่รัน Xamarin จะเรียก iOS Simulator ขึ้นมาเพื่อแสดงผลลัพธ์ตามที่ได้ออกแบบไว้

Xamarin.iOS Mac OS C#

ในกรณีที่ไม่สามารถรันบน iOS Simulator ได้ แนะนำให้ Update รายการต่าง ๆ ของ Xamarin Studio ให้เรียบร้อยเสียก่อน โดยไปที่ Xamarin Studio -> Check for Updates...

Xamarin.iOS Mac OS C#

รายการ Update ต่าง ๆ ของ Xamarin ซึ่งในกรณีที่ยังไม่ Update Version ล่าสุด อาจจะเป็นสาเหตุที่ไม่สามารถรันได้

[--A2--]
.

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

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


	By :	ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
	Score Rating :
	Create/Update Date :	2014-09-05 10:41:57 / 2017-03-26 08:48:48
	Download :	No files

Sponsored Links / Related

ตอนที่ 1 : รู้จัก Xamarin สำหรับ iOS ติดตั้ง Xamarin เขียน iOS Apps ด้วย C# (.Net Framework)
Rating :

ตอนที่ 3 : Mac Build Host เตรียมความพร้อม iOS Simulator สำหรับ Visual Studio (C#)
Rating :

ตอนที่ 4 : พื้นฐาน Xamarin.iOS บน Visual Studio การสร้าง Run/Project ของ iOS ด้วย C#
Rating :

ตอนที่ 5 : โครงสร้าง Xamarin.iOS บน Visual Studio สร้าง View การเชื่อมโยง View ด้วย C#
Rating :

ตอนที่ 6 : การสร้าง Event Handler และ UIAlertView ของ Xamarin.iOS บน Visual Studio C#
Rating :

ตอนที่ 7 : Xamarin.iOS กับ Visual Studio สร้าง Action Segue ส่งค่า Parameters ข้าม View (C#)
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
	ปรับแต่งเว็บให้โหลดเร็ว