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

HOME > Mobile > Android Tutorials - สอนเขียน Android App ฟรี เขียนโปรแกรมแอนดรอยด์บน SmartPhone / Tablets > ตอนที่ 2 : รู้จัก Xamarin Studio IDE การเขียน Android บน Xamarin ด้วยภาษา C#



Clound SSD Virtual Server

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

ตอนที่ 2 : รู้จัก Xamarin Studio IDE การเขียน Android บน Xamarin ด้วยภาษา C# หลังจากที่เราได้ติดตั้ง Xamarin ลงบน Windows เรียบร้อยแล้ว ในบทความนี้เราจะมารู้วิธีการเริ่มต้นการสร้าง Android App ด้วย C# กัน และตามที่ได้เกริ่นไว้ก่อนหน้านี้ว่าทางเลือกในการเขียน App ด้วย Xamarin นั้นมีอยู่ 2 วิธี คือ สามารถที่จะเขียนบน Xamarin ด้วย Tools ที่ชื่อว่า Xamarin Studio IDE โดยในปัจจุบันสามารถสร้าง App บน Smartphone ได้ 2 ประเภทคือ Android และ Windows Phone สามารถใช้ภาษา C# ได้ทั้ง 2 ภาษา

ก่อนการเขียน 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# เท่านั้น

Xamarin  Studio IDE Android C#

เปิดโปรแกรม Xamarin Studio IDE

Xamarin  Studio IDE Android C#

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

Xamarin  Studio IDE Android C#

เลือก Android -> Android Application -> กรอกชื่อ Project

Xamarin  Studio IDE Android C#

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

Xamarin  Studio IDE Android C#

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

Xamarin  Studio IDE Android C#

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

Xamarin  Studio IDE Android C#

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








Xamarin  Studio IDE Android C#

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

Xamarin  Studio IDE Android C#

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

Xamarin  Studio IDE Android C#

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

Xamarin  Studio IDE Android C#

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

Xamarin  Studio IDE Android C#

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

Xamarin  Studio IDE Android C#

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

Xamarin  Studio IDE Android C#

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








Xamarin  Studio IDE Android C#

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

Xamarin  Studio IDE Android C#

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

Xamarin  Studio IDE Android C#

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

Xamarin  Studio IDE Android C#

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

Xamarin  Studio IDE Android C#

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

Xamarin  Studio IDE Android C#

เลือก Run ได้เลย

Xamarin  Studio IDE Android C#

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

Xamarin  Studio IDE Android C#

อาจจะมี 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 ที่ติดตั้ง จะได้ไม่มีปัญหาตอนที่ใช้งาน

Xamarin  Studio IDE Android C#

ทดสอบ 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-05 10:32:22 / 2017-03-26 20:51:00
  Download : No files
 Sponsored Links / Related

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

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