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 > ตอนที่ 3 : พื้นฐาน Xamarin บน Visual Studio และการสร้าง Project ของ Android ด้วย C#



Clound SSD Virtual Server

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

ตอนที่ 3 : พื้นฐาน Xamarin บน Visual Studio และการสร้าง Project ของ Android ด้วย C# ต่อจากตอนที่เราจะมาเริ่มต้นการสร้าง Project ของ Android บน Visual Studio และก่อนที่จะมาถึงขั้นตอนนี้ จะต้องทำการติดตั้ง Xamarin บน Windows ให้เรียบร้อยซะก่อน Xamarin รองรับ Version ของ Visual Studio Professional 2010 หรือสูงขึ้นไป ในขั้นตอนการติดตั้ง Xamarin เพื่อใช้กับ Visual Studio เราไม่จำเป็นจะต้องทำการ Config ค่าใด ๆ เพิ่มเติม เพราะในขั้นตอนการติดตั้ง Xamarin จะมีการติดตั้งโปรแกรมต่าง ๆ ที่จำเป็นไว้หมดแล้ว เช่น Android SDK , Java SDK และพวก Plugin สำหรับ Visual Studio

ก่อนการเขียน App บน Android ให้ทำความเข้าใจเกี่ยวกับการเขียนและการรันโปรแกรมก่อนว่า ในการเขียนโปรแกรม Android โดยปกติทั่ว ๆ ไป ก่อนหน้านี้เราอาจจะคุ้นเคยกับโปรแกรม Eclipse หรือ Android Studio โดย Tools เหล่านี้จะใช้ภาษา Java เป็นภาษาหลัก ทำงานร่วมกับ Java SDK และ Android SDK รูปแบบการเขียนจะถูกแบ่งออกเป็น 2 ส่วนคือ Layout ที่เป็น UI (ใช้ XML) นามสกุล .xml กับ Coding ใช้ Java นามสกุล .java แต่ใน Xamarin ก็จะแบ่งออกเป็น 2 ส่วนเช่นกัน โดยใช้ XML นามสกุล .axml ส่วน C# จะใช้ .cs ตามตัวอย่างนี้

รูปแบบการเขียน Android ด้วย Java บน Eclipse หรือ Android Studio

activity_main.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

</RelativeLayout>


MainActivity.java
package com.myapp;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;

public class MainActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
         
    }
   
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }
    
}




รูปแบบการเขียน Android ด้วย Xamarin และภาษา C#

Main.axml
<?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">

</LinearLayout>


MainActivity.cs
using System;

using Android.App;
using Android.Content;
using Android.Runtime;
using Android.Views;
using Android.Widget;
using Android.OS;

namespace myFirstApps
{
	[Activity (Label = "myFirstApps", MainLauncher = true, Icon = "@drawable/icon")]
	public class MainActivity : Activity
	{
		protected override void OnCreate (Bundle bundle)
		{
			base.OnCreate (bundle);

			// Set our view from the "main" layout resource
			SetContentView (Resource.Layout.Main);

		}
	}
}


จะเห็นว่ารูปแบบการเขียนทั้ง 2 รุปแบบนั้นเหมือนกันมาก โดยในส่วนของ Layout หรือ UI นั้นแทบจะเรียกได้ว่ามันคือตัวเดียวกัน แต่จะแตกต่างกันระหว่างส่วนที่เป็นภาษา Java และ C# เท่านั้น

Android C# Xamarin Visual Studio

เปิดโปรแกรม Visual Studio (ก่อนอื่นจะต้องติดตั้ง Xamarin บน Windows ให้เรียบร้อยซะก่อน รองรับทั้ง VS2010 และ VS2012)








Android C# Xamarin Visual Studio

สร้าง Project โดยเลือกที่ New -> Project

Android C# Xamarin Visual Studio

เลือก Visual C# -> Android -> Blank App (Android) -> กรอกชื่อ Project

Android C# Xamarin Visual Studio

ในปัจจุบัน Version บน Visual Studio จะต้องเสียค่าบริการ หรือสามารลองแบบ Trial โดยจะต้องสมัครสมาชิก Account ของ Xamarin ซะก่อน

Android C# Xamarin Visual Studio

สมัครสมาชิกผ่านเว็บไซต์ของ Xamarin

Android C# Xamarin Visual Studio

หลังจากที่สมัครสมาชิกเรียบร้อยแล้วก็รอก ID และ Password

Android C# Xamarin Visual Studio

สามารถเลือกแบบ Trial เพื่อทดสอบการทำงาน

Android C# Xamarin Visual Studio

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

Android C# Xamarin Visual Studio

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

Android C# Xamarin Visual Studio

ในส่วนของขวามือจะมี Toolbox ซึ่งจะประกอบด้วย Control หรือในวงการเขียน Android จะเรียกว่า Widgets โดย Widget นี้จะเป็น UI สามารถลากไปวางบนหน้า Activity ได้เลย รวมทั้งการกำหนดค่า Property ต่าง ๆ ได้เหมือนกับการเขียน Application ของ .NET ทั่ว ๆ ไป








Android C# Xamarin Visual Studio

ในหน้า Activity เราสามารถจัดการได้ทั้งหน้า UI หรือแบบ XML ด้วยการคลิก Design หรือ Source (นั่นหมายถึงว่ามันสามารถแก้ไขได้ทั้ง XML หรือว่าหน้า UI)

Android C# Xamarin Visual Studio

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

Android C# Xamarin Visual Studio

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

Android C# Xamarin Visual Studio

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

Android C# Xamarin Visual Studio

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

Android C# Xamarin Visual Studio

คลิกที่ Start Android SDK Manager

Android C# Xamarin Visual Studio

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

Android C# Xamarin Visual Studio

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

Android C# Xamarin Visual Studio

โอ้... ขั้นตอนนี้ใช้เวลานานจริง ๆ อันนี้รอเกือบ 1 ชม.

Android C# Xamarin Visual Studio

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

Android C# Xamarin Visual Studio

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

Android C# Xamarin Visual Studio

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

Android C# Xamarin Visual Studio

เลือก Run ได้เลย ในขั้นตอนการรันอาจจะมี Error เกี่ยวกับ Minimum และ Target Version ให้เรากำหนดค่าดังนี้

Android C# Xamarin Visual Studio

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

Android C# Xamarin Visual Studio

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

Android C# Xamarin Visual Studio

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



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

   
Share


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


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


   


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

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

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

 
ตอนที่ 4 : ติดตั้ง Xamarin บน Mac (OS X) และการเขียน Android บนเครื่อง Mac ด้วย 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 05
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 อัตราราคา คลิกที่นี่