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,996

HOME > Mobile > [iOS/iPhone] Tutorials - สอนเขียน iPhone App ฟรี เขียน iPad App เรียน iPhone เขียนโปรแกรม iPhone > ตอนที่ 4 : พื้นฐาน Xamarin.iOS บน Visual Studio การสร้าง Run/Project ของ iOS ด้วย C#



Clound SSD Virtual Server

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

ตอนที่ 4 : พื้นฐาน Xamarin.iOS บน Visual Studio การสร้าง Run/Project ของ iOS ด้วย C# บทความนี้จะเป็นการเริ่มต้นการสร้าง Project ของ Xamarin.iOS ความทั้งการเรียก iOS Simulator มาทำการ Run และ Debug โปรแกรม โดยทดสอบสร้างโปคเจคทั้ง บน Visual Studio 2010 และ 2012 และก่อนที่จะเริ่มต้นสร้าง Project สำหรับสมาชิกที่เพิ่งอ่านบทความนี้เป็นความความแรก ยังไมไ่ด้อ่าน ตอนที่ 1 และ ตอนที่ 3 แนะนำให้กลับไปทำความเข้าใจเกี่ยวกับโครงสร้างของ Xamarin.iOS บน Visual Studio เสียก่อน เพราะขั้นตอนและความเข้าใจเกี่ยวกับโครงสร้างของ Xamarin.iOS ค่อนข้างจะมีข้อจำกัดในการเขียน

Xamarin.iOS Visual Studio Create Run Project

Xamarin.iOS and Visual Studio Run iOS Simulator


ในการเขียนโปรแกรม iOS บน Visual Studio จำเป็นจะต้องทำการเชื่อมต่อกับ Mac Build Host อยู่ตลอดเวลา เพราะ Visual Studio จะต้องใช้ Mac Build Host ในหลายขั้นตอนสำหรับการเขียน เช่น การสร้าง Project การ Render UI (หน้าจอ View) และที่สำคัญคือจะใช้ในการ Run และ Debug โปรแกรม

การสร้าง Project Xamarin.iOS บน Visual Studio 2010

Xamarin.iOS Visual Studio Create Run Project

ขั้นแรกสุดจะต้องเปิดโปรแกรม Mac Build Host ฝั่งเครื่อง Mac ไว้และเชื่อมต่อกับ Network ตลอดเวลา

Xamarin.iOS Visual Studio Create Run Project

เปืดโปแรกรม Visual Studio โดยรองรับตั้งแต่ Version ของ Visual Studio Professional 2010

Xamarin.iOS Visual Studio Create Run Project

เลือกเมนู File -> New -> Project

Xamarin.iOS Visual Studio Create Run Project

เลือก iOS -> iPhone -> Single View App (iPhone)

Xamarin.iOS Visual Studio Create Run Project

จากนั้นเราจะได้ไฟล์ตามโครงสร้างดังรูป








การสร้าง Project Xamarin.iOS บน Visual Studio 2012

Xamarin.iOS Visual Studio Create Run Project

เลือกเมนู File -> New -> Project

Xamarin.iOS Visual Studio Create Run Project

เลือก iOS -> iPhone -> Single View App (iPhone)

Xamarin.iOS Visual Studio Create Run Project

จากนั้นเราจะได้ไฟล์ตามโครงสร้างดังรูป ซึ่ง Version ของ Visual Studio 2010 และ 2012 จะไม่แตกต่างกัน

เกี่ยวกับ Project บน Visual Studio

Xamarin.iOS Visual Studio Create Run Project

หลังจากที่โปรเจคถูกสร้างแล้ว เราจะพบกับโครงสร้างไฟล์ต่าง ๆ ดังรูป ไฟล์ที่เราจะสนใจเป็นอันดับแรกคือ 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 Visual Studio Create Run Project

คลิกที่ไฟล์ MainStoryboard.soryboard ซึ่งเราจะเห็นหน้าจอ View ดังรูป

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

Xamarin.iOS Visual Studio Create Run Project

รายการ Control ต่าง ๆ หรือ Interface Builder (IB) จะเหมือนกับ Control ที่อยู่บน Xcode

Xamarin.iOS Visual Studio Create Run Project

การสร้าง Controls บนหน้าจอ View ก็ไม่แตกต่างอะไรกับการเขียน .Net Application ในรูปแบบอื่น ๆ คือ ลาก Control ไปวางบนหน้าจอ View และกำหนด Property ของ Control เช่น ID / Text โดยในรูปทดสอบการสร้าง Label








การรันโปรแกรม iOS บน Visual Studio ผ่าน iOS Simulator

Xamarin.iOS Visual Studio Create Run Project

ให้เลือก iPhoneSimulator

Xamarin.iOS Visual Studio Create Run Project

และรุ่นของ iPhone ที่ต้องการ

Xamarin.iOS Visual Studio Create Run Project

จากนั้น iOS Simulator ที่อยู่บน Mac OS จะถูกเรียกขึ้นมาใช้งาน พร้อมกับแสดงผลบนหน้าจอ

Xamarin.iOS Visual Studio Create Run Project

ผลลัพธ์ที่ได้บน iOS Simualtor

   
Share


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


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


   


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

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

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

 
ตอนที่ 3 : Mac Build Host เตรียมความพร้อม iOS Simulator สำหรับ Visual Studio (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 00
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 อัตราราคา คลิกที่นี่