Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 107,672

HOME > Mobile > [iOS/iPhone] Tutorials - สอนเขียน iPhone App ฟรี เขียน iPad App เรียน iPhone เขียนโปรแกรม iPhone > ตอนที่ 2 : รู้จัก Xamarin Studio IDE บน Mac OS การเขียน iOS บน Xamarin ด้วยภาษา C#





Clound SSD Virtual Server

ตอนที่ 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/


Xamarin.iOS Mac OS C#

กรอกข้อมูลและเลือก 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


Xamarin.iOS Mac OS C#

จากรูปจะเห็นว่า 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--]
.

   
Share


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


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


   


Bookmark.   
       
  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 :


ThaiCreate.Com Forum


Comunity Forum Free Web Script
Jobs Freelance Free Uploads
Free Web Hosting Free Tools

สอน PHP ผ่าน Youtube ฟรี
สอน Android การเขียนโปรแกรม Android
สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8
สอน iOS การเขียนโปรแกรม iPhone, iPad
สอน Java การเขียนโปรแกรม ภาษา Java
สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI
สอน JSP การเขียนโปรแกรม ภาษา Java
สอน jQuery การเขียนโปรแกรม ภาษา jQuery
สอน .Net การเขียนโปรแกรม ภาษา .Net
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
ปรับแต่งเว็บให้โหลดเร็ว


สุดยอด Source Code V2.0
 

แจ้งชำระเงิน/โอนเงิน
 

Hit Link
   







Load balance : Server 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2019 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่