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

Registered : 109,025

HOME > Mobile > Android Tutorials - สอนเขียน Android App ฟรี เขียนโปรแกรมแอนดรอยด์บน SmartPhone / Tablets > ตอนที่ 4 : ติดตั้ง Xamarin บน Mac (OS X) และการเขียน Android บนเครื่อง Mac ด้วย C#



Clound SSD Virtual Server

ตอนที่ 4 : ติดตั้ง Xamarin บน Mac (OS X) และการเขียน Android บนเครื่อง Mac ด้วย C#

ตอนที่ 4 : ติดตั้ง Xamarin บน Mac (OS X) และการเขียน Android บนเครื่อง Mac ด้วย C# ปกติแล้วบนเครื่อง Mac เราสามารถเขียน App บน Smartphone ของ Android และ iOS ได้โดยใช้ Tools อย่าง Xcode (สำหรับ iOS) และ Eclipse กับ Android Studio (สำหรับ Android) แต่ภาษาการเขียนนั้นยังจะต้องใช้ภาษา Objective-C และ Java ซึ่งทั้ง 2 ภาษานี้ต้องยอมรับว่าถ้าไม่เคยเขียนมาก่อน ก็เป็นอันเข้าใจกันว่ายากพอควร โดยเฉพาะภาษาอย่าง Objective-C ยอมรับเลยว่ายากกว่าภาษาใด ๆ ที่เคยเขียนมา ทั้งนี้อาจจะเป็นเพราะ ข้อมูลและแหล่งสำหรับหาข้อมูลนั้นมีน้อยด้วย

แต่ก็นับว่า Xamarin นั้นมาถูกทาง เพราะแทนที่จะสร้างภาษาอย่าง Java และ Objective-C ในการที่จะเขียน App บน Android และ iOS จะดีแค่ไหนถ้าเราสามารถเขียน App เหล่านี้ด้วยภาษาเดียวกันได้ โดยใช้ Platform ของ .NET Framework ด้วยภาษา C# ซึ่งต้องยอมรับอย่างหนึ่งว่า .NET Framework เป็น Platform ที่นักโปรแกรมเมอร์ใช้งานกันหลากหลายมาก และเป็นภาษาที่เข้าใจง่าย สามารถเรียนรู้ได้อย่างรวดเร็ว และถ้าเขียน .NET อยู่แล้วก็สามารถที่จะต่อยอดการเขียน App บน Xmarin ด้วย C# ได้เลย

เริ่มการติดตั้ง Xamarin สำหรับเขียน Android ด้วย C# บนเครื่อง Mac OS

Android C# Xamarin Mac OS X

Download Xamarin
http://xamarin.com/


Android C# Xamarin Mac OS X

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

Android C# Xamarin Mac OS X

คลิกที่ Install Xamarin

Android C# Xamarin Mac OS X

เลือก Continue

Android C# Xamarin Mac OS X

ในขั้นตอนนี้ให้เลือก Package ทั้งหมด เพราะเราจะสามารถเขียนได้ทั้ง Android , iOS บน Xamarin ด้วยภาษา C#

Android C# Xamarin Mac OS X

เลือก Continue

Android C# Xamarin Mac OS X

เลือก Continue

Android C# Xamarin Mac OS X

คลิก Accept เงื่อนไขและเลือก เลือก Continue








Android C# Xamarin Mac OS X

กำลังติดตั้งซึ่งจะใช้เวลาประมาณ 1 ชม. ขึ้นอยู่กับความเร็วของอินเตอร์เน็ต โดยในขั้นตอนนี้โปรแกรมจะติดตั้ง SDK ทุกอย่างที่จำเป็น เช่น Android SDK , Xamarin SDK และอื่น ๆ ที่เกี่ยวข้องทั้งหมด

Android C# Xamarin Mac OS X

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

Android C# Xamarin Mac OS X

หรือจะเปิดจาก Application

Android C# Xamarin Mac OS X

หน้าจอหลักของโปรแกรม Xamarin Studio ให้คลิกที่ New Solution เพื่อสร้าง Project ใหม่

Android C# Xamarin Mac OS X

เลือก Android -> Android Application -> กรอกชื่อ Project ในหน้าจอนี้จะเห็นว่าเราจะสามารถสร้าง Projet ได้ทั้ง Android และ iOS

Android C# Xamarin Mac OS X

รอซะครู่ เราจะได้ Project บน Xamarin Studio และจากหน้านี้เราจะเห็นไฟล์แรกชื่อว่า MainActivity.cs ซึ่งมีรูปแบบภาษา C# ชัดเจน

Android C# Xamarin Mac OS X

ไฟล์ที่เก็บ Layout ที่เป็นหน้า UI จะถูกจัดเก็บไว้ที่ Resources\layout\Main.axml (เราเรียกว่าหน้า Activity) โดยไฟล์นี้จะทำงานคู่กับ .cs ส่วนโครงสร้างไฟล์ต่าง ๆ จะได้อธิบายในหัวข้อถัดไป

Android C# Xamarin Mac OS X

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <Button
        android:id="@+id/myButton"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/hello" />
    <TextView
        android:text="ThaiCreate.Com"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/textView1"
        android:textSize="32sp" />
</LinearLayout>


ในส่วนของขวามือจะมี Toolbox ซึ่งจะประกอบด้วย Control หรือในวงการเขียน Android จะเรียกว่า Widgets โดย Widget นี้จะเป็น UI สามารถลากไปวางบนหน้า Activity ได้เลย

Android C# Xamarin Mac OS X

การเขียน Android นั้นเรื่อง Version ค่อนข้างจะมีความยุ่งยากพอควร เพราะ Android ออกตัว SDK มาบ่อยมาก และแต่ล่ะ Version ก็จะต้องเลือกการทำงานให้ถูกต้องด้วย อย่างตัวนี้จะทำงานบน Android 4.4.2 (v 19) หรือ API Version 19








Android C# Xamarin Mac OS X

ในการ Run หรือ Debug โปรแกรมเราจะต้องสร้าง Emulator ขึ้นมาซะก่อน นั่นหมายถึงว่า เราจะต้องมี Android SDK ที่รองรับ Android 4.4.2 (v 19) ด้วย ซึ่งเข้าใจว่าก่อนหน้านี้ตัว Xamarin ยังไมได้ทำการติดตั้งตัวนี้มาให้ด้วย ให้เลือกที่ Select Device และเลือก Manage A...d Device

Android C# Xamarin Mac OS X

Select Device และเลือก Manage A...d Device

Android C# Xamarin Mac OS X

ในกรณีที่เรามี Emulator ที่รองรับอยู่แล้ว สามารถเลือกจาก Dialog นี้ได้เลย แต่ถ้ายังไม่มีให้คลิกที่ Create Emulator

Android C# Xamarin Mac OS X

ในหน้าจอนี้เราจะเห็นรายการ Emulator ต่าง ๆ ที่ถูกสร้างไว้ โดยแต่ล่ะตัวจะระบุ Version ของ Android และ API ที่รองรับ ให้เราคลิกที่ Create

Android C# Xamarin Mac OS X

ในหน้าจอนี้เราจะต้องทำการเลือก Emulator ให้ตรงกับ Version หรือสูงกว่า API บน App ที่ได้ออกแบบไว้ แต่ในกรณีที่ไม่สามารถสร้างไว้ นั่นหมายถึงว่า Android SDK ที่เราติดตั้งไว้ยังไม่มี API ที่ต้องการ ให้เรากลับไปทำการติดตั้งให้เรียบร้อยซะก่อน

Android C# Xamarin Mac OS X

คลิกที่เมนู Tools -> Open Android SDK Manager

Android C# Xamarin Mac OS X

ให้เลือกติดตั้ง Android 4.4.2 (API v19) ซึ่งเป็น Version ของ App ที่เราได้ออกแบบไว้

Android C# Xamarin Mac OS X

เลือก Accept ทั้งหมด

Android C# Xamarin Mac OS X

หลังจากที่ดาวน์โหลดเรียบร้อยแล้ว เมื่อกลับมาสร้าง Emulator ใหม่ เราก็จะสามารถสร้างได้แล้ว

Android C# Xamarin Mac OS X

สร้างได้แล้ว

Android C# Xamarin Mac OS X

Emulator ถูกสร้าง เป็น Version ที่ต้องการพอดี

Android C# Xamarin Mac OS X

เลือก Run ได้เลย และอาจจะมี Error เช่น

Deployment failed. Minimum Android version not supported by device.

เป็นเพราะเรายังไม่กำหนด Minimum และ Target ของ Android ที่จะ Support กับ OS ของ Android ในรุ่นต่าง ๆ

Xamarin  Studio IDE Android C#

คลิกขวาที่ Project -> Option

Xamarin  Studio IDE Android C#

กำหนด Minimum และ Target ของ Android OS ให้ลองกำหนดเป็น Version ของ App ที่ติดตั้ง จะได้ไม่มีปัญหาตอนที่ใช้งาน

Android C# Xamarin Mac OS X

หน้าจอ Emulator จะถูกเปิดขึ้นมา โดยในครั้งแรกอาจจะใช้เวลานานมาก (ย้ำว่า Emulator ของ Android ยังทำงานไม่เสถียรเท่าไหร่นัก ทั้งช้า และค้าง)

Android C# Xamarin Mac OS X

ทดสอบ Run อีกครั้ง จะเห็นว่าตอนนี้ App จะปรากฏบนหน้าจอของ Emulator แล้ว



ในบทความนี้เป็นเพียงตัวอย่างง่าย ๆ ของการสร้าง Project ของ Android บน Xamarin Studio IDE และใช้ C# เป็นภาษาในการพัฒนา ส่วนรูปแบบการเขียนในรูปแบบต่าง ๆ สามารถอ่านได้จากหัวข้อถัดไป

   
Share


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


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


   


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

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

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

 
ตอนที่ 3 : พื้นฐาน Xamarin บน Visual Studio และการสร้าง Project ของ Android ด้วย C#
Rating :

 
ตอนที่ 5 : Xamarin กับ Android โครงสร้างไฟล์ Project และ Controls / Widgets (C#)
Rating :

 
ตอนที่ 6 : Xamarin กับ Android สร้าง Event Handler โต้ตอบแบบง่าย ๆ (C#)
Rating :

 
ตอนที่ 7 : Xamarin กับ Android สร้าง Activity เชื่อมโยง Intent ส่งค่า Pass ตัวแปรระหว่าง Activity(C#)
Rating :

 
ตอนที่ 8 : Xamarin กับ Android การใช้ SetContentView() ควบคุมการแสดง XML Layout (C#)
Rating :

 
ตอนที่ 9 : Xamarin กับ Android การสร้าง Dialog Popup และ Alert Dialog / Toast Make Text (C#)
Rating :

 
ตอนที่ 10 : Xamarin กับ Android การ Generate/Deploy เป็น APK Package นำไปใช้งานจริง (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
ปรับแต่งเว็บให้โหลดเร็ว


Hit Link
   







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