Register
Member Login
Forgot Password ??
PHP
,
ASP
,
ASP.NET, VB.NET, C#, Java
,
jQuery , Android , iOS , Windows Phone
Registered :
109,036
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
Download Xamarin for Mac OS
http://xamarin.com/
กรอกข้อมูลและเลือก Download Xamarin for OS X
คลิกที่
Install Xamarin
ซึ่งขั้นตอนการติดตั้งจะใช้เวลา
30-60
นาที ขึ้นอยู่กับความเร็วของอินเตอร์เน็ต
หลังจากที่ติดตั้งเรียบร้อยแล้วให้เปิดโปรแกรม
Xamarin Studio
หน้าจอหลักของโปรแกรม
Xamarin Studio
ให้คลิกที่
New Solution
เพื่อสร้าง
Project
ใหม่
เลือก
C# -> iOS -> iPhone -> Single View Application
พร้อมกับกรอกชื่อ
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
https://www.thaicreate.com/mobile/ios-iphone-storyboard-view.html
จากรูปจะเห็นว่า Storyboard มี View อยู่ 1 View โดย
View
นี้จะทำงานคูุ่กับ
iOSAppViewController.cs
แต่ในกรณีที่มี View อื่น ๆ ก็สามารถที่จะสร้าง Class (.cs) เพื่อมาถูกกับ View ที่ถูกสร้างขึ้นมาใหม่ได้
ในการเขียน
Xamarin
บน Mac แนะนำให้ใช้
UI
และ
Feature
ของโปรแกรม
Xcode
เพราะความไหล่ลื่นและความเสถียร์ในการใช้งาน Xcode ยังดีกว่า Xamarin Studio IDE อยู่มาก
โดยการคลิกขวาที่
Storyboard -> Xcode Interface Builder
ซะพักจะเปิดโปรแกรม Xcode ซึ่งตอนนี้เราสามารถใช้
IB (Interface Builder)
ของ
Xcode
เพื่อสร้าง
Layout
ต่าง ๆ ได้ตามต้องการ
ทดสอบลาก
Label
ลงบนหน้าจอ
App
เพื่อสร้างข้อความแบบง่าย ๆ
ปรับแต่งข้อความตามต้องการ หลังจากเสร็จเรียบร้อยแล้ว เราสามารถปิดโปรแกรม
Xcode
ซึ่งไฟล์
Storyboard
จะถูก Update ไปยังโปรแกรม
Xamarin Studio IDE
อัตโนมัติ
ในการ
Run
โปรแกรมสามารถเลือกรุ่นต่าง ๆ ของ
iOS Simulator
ได้
ในกรณีที่ยังไม่มี
iOS
รุ่นใหม่ ๆ แนะนำให้
Update Xcode / iOS
ให้เรียบร้อยเสียก่อน
หลังจากที่รัน
Xamarin
จะเรียก
iOS Simulator
ขึ้นมาเพื่อแสดงผลลัพธ์ตามที่ได้ออกแบบไว้
ในกรณีที่ไม่สามารถรันบน
iOS Simulator
ได้ แนะนำให้ Update รายการต่าง ๆ ของ
Xamarin Studio
ให้เรียบร้อยเสียก่อน โดยไปที่
Xamarin Studio -> Check for Updates...
รายการ Update ต่าง ๆ ของ
Xamarin
ซึ่งในกรณีที่ยังไม่
Update Version
ล่าสุด อาจจะเป็นสาเหตุที่ไม่สามารถรันได้
[--A2--]
.
Share
ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน
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 :
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
ปรับแต่งเว็บให้โหลดเร็ว
Hit Link
นำเข้าสินค้าจากจีน
Taobao
เฟอร์นิเจอร์
ของพรีเมี่ยม
ร่ม
ปากกา
power bank
แฟลชไดร์ฟ
กระบอกน้ำ
แลกเปลี่ยน Exchange Link
ลองค้นหาสิ่งที่ต้องการ
Load balance :
Server 01
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[
Conditions Privacy Statement
]
ติดต่อโฆษณา
081-987-6107
อัตราราคา
คลิกที่นี่
Inline