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

HOME > Mobile > Android Tutorials - สอนเขียน Android App ฟรี เขียนโปรแกรมแอนดรอยด์บน SmartPhone / Tablets > ตอนที่ 5 : Xamarin กับ Android โครงสร้างไฟล์ Project และ Controls / Widgets (C#)





Clound SSD Virtual Server

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

ตอนที่ 5 : Xamarin กับ Android โครงสร้างไฟล์ Project และ Controls / Widgets (C#) หลังจากที่เราได้สร้างโปรเจค Android ด้วย C# ทั้งบน Xamarin Studio IDE หรือ Visual Studio โครงสร้างไฟล์ต่าง ๆ ที่ได้ IDE สร้างค่า Default มาให้นั้นจะมีโครงสร้างที่เหมือนกัน สามารถ Copy ข้าม Project กันได้ การเขียนก็เหมือนกันทุกประการ และในครั้งแรกที่เปิดโปรเจค หากยังไม่เคยได้เขียน Android มาก่อน อาจจะสับสนว่าทำไมถึงมีไฟล์อะไรมาเยอะแยะ และแต่ล่ะไฟล์นั้นมีหน้าที่ทำอะไรบ้าง ซึ่งไฟล์ต่าง ๆ เหล่านี้ถ้าเรารู้จักมัน แล้วเราจะเข้าใจได้เลยว่า มันก็เหมือนกับการสร้าง Project ทั่ว ๆ ไป เพียงแต่บนระบบปฏิบัติการ Android จะมีการสร้างไฟล์ต่าง ๆ ที่จำเป็นในการใช้งาน และมีการแยก Folder ไว้จัดเก็บพวก Resource ต่าง ๆ ไว้อย่างชัดเจน

Xamarin Android Project

และก็เหมือนกับ Project ทั่ว ๆ ไป คือบน Visual Studio จะเก็บ Project ไว้ภายใต้ Solution

Xamarin Android Project

ไฟล์ที่จำเป็นจะต้องรู้จัก
  • Properties\AndroidManifest.xml เป็นไฟล์ใช้สำหรับการจัดเก็บค่า Config , Activity, Permission เช่น ให้เปิด GPS , Internet ได้หรือไม่
  • Resources\drawable เป็นโฟเดอร์ไว้จัดเก็บไฟว์พวกรุปภาพต่าง ๆ
  • Resources\layout\Main.axml เป็นไฟล์จัดเก็บ Layout หรือหน้าจอของ Apps โดยจะเป็น XML โดยปกติจะเรียกว่า Activity เปรียบได้เหมือนกับพวก .aspx ของ Asp.Net
  • MainActivity.cs เป็น Class ของ C# มีหน้าที่ทำงานคำสั่งด้วยภาษา C# ซึ่งปกติแล้วจะเรียก XML Layout มาแสดงผล เปรียบได้เหมือนกับพวก .aspx.cs ของ Asp.Net
  • Resources\values\Strings.xml นิยมใช้จัดเก็บค่าตัวแปร หรือ String แบบ ตัวแปร เช่น App Name หรือค่าอื่น ๆ ที่สามารถเรียกใช้ได้ในทุก ๆ Activity

ในการเขียน Android ไฟล์ที่จำเป็นจะต้องรู้หลัก ๆ ก็มีเพียงเท่านี้ ซึ่งบางไฟล์เมื่อเราเขียน ๆ ไปก็จะสามารถทำความเข้าใจได้เอง ลองมาดูตัวอย่างเพื่อความเข้าใจเพิ่มเติม

Xamarin Android Project

เมื่อเราเปิดไฟล์ MainActivity.cs เราจะเห็นคำสั่ง SetContentView(Resource.Layout.Main); ซึ่งคำสั่งนี้เมื่อ App ทำงานก็จะมีการเรียก Layout ของ Main.axml มาแสดงผล

Xamarin Android Project

จะเห็นว่าจะมีการอ้างถึง Resource -> Layout -> Main (ใน Android จะไม่อ้างถึงนามสกุลเมื่อเรียกใช้พวก Resource ต่าง ๆ )

Xamarin Android Project

ในการเขียนเราก็สามารถออกแบบพวก Control หรือในวงการ Android จะเรียกว่า Widget ผ่าน GUI ด้วยการลากไปไว้บน Form ได้เลย (ในวงการ Android จะเรียกว่า Activity)








Xamarin Android Project

ทดสอบลาก Control ของ TextView

Xamarin Android Project

หลังจากที่สร้าง Widget ของ TextView บน Activity แล้ว เราสามารถสร้าง id หรือ แก้ไขคุณสมบัติต่าง ๆ ของ Widget นั้น ๆ เช่นถ้าเป็น TextView ก็ใส่ Text เข้าไปได้

Xamarin Android Project

เราสามารถสร้างได้ทั้งมุมมอง GUI หรือจะ View Code ที่เป็น XML ซึ่งก็จะมี Property ที่เราได้กำหนดขึ้น เช่น id และ text

รู้จักกับ Resources\values\Strings.xml ตามที่ได้เกริ่นไว้ก่อนหน้านี้ Strings.xml จะนิยมใช้จัดเก็บพวกค่าที่เป็น String ที่สามารถเรียกใช้ได้ในทุก ๆ ส่วนของ Activity

Strings.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="Hello">Hello World, Click Me!</string>
    <string name="ApplicationName">myFirstApps</string>
</resources>

จากตัวอย่างนี้ Hello มีค่า "Hello World, Click Me!" และ ApplicationName มีค่า "myFirstApps"

Xamarin Android Project

เราจะลองเพิ่ม
<string name="MySite">www.ThaiCreate.Com</string>


Xamarin Android Project

จากนั้นในส่วนของ Activity เราสามารถเรียกค่า ndroid:text="@string/MySite" เพื่อที่จะแสดงค่านั้น ๆ ออกมา

Xamarin Android Project

ได้ค่าที่มาจาก Strings.xml


รู้จักกับ \Resources\drawable เป็นโฟเดอร์ที่นิยมใช้จัดเก็บไฟล์รูปภาพ , ไอคอนต่าง ๆ

Xamarin Android Project

เราสามารถ Copy ไฟล์ไปวางไว้ในโฟเดอร์นี้ได้เลย รองรับนามสกุลเช่น png , jpg

Xamarin Android Project

ในการแสดงผลรุปภาพจะใช้ Widget ชื่อว่า ImageView

Xamarin Android Project

สามารถกำหนด Path ของรูปภาพด้วยการคลิกที่ src

Xamarin Android Project

เลือกรูปภาพที่ต้องการ โดนปกติแล้วจะชี้ไปที่ \Resources\drawable

Xamarin Android Project

แสดงรูปภาพบน ImageView

Xamarin Android Project

เมื่อ View Code ที่เป็น XML ดูจะเห็นว่ามีการอ้างถึง @drawable/win ซึ่งจะไม่ต้องระบุนามสกุลของไฟล์








Widgets ต่าง ๆ ของ Android ในการเขียน Android สามารถใช้เครื่องมือได้หลากหลายมาก และมีเยอะพอที่จะสามารถสร้าง Apps ให้ทำงานตรงกับความต้องการได้ โดย Widget ต่าง เหล่านี้ถูกแบ่งกลุ่มชัดเจน ตามประเภทและลักษณะการทำงาน ซึ่งถ้ามีโอกาสจะพยายามยกตัวอย่างการใช้งาน Widgets ต่าง ๆ เหล่านี้ให้ได้มากที่สุด

Xamarin Android Project

Image & Media ใช้สำหรับจัดการพวก Media เช่น Image , Vdo



Xamarin Android Project

Layout ไว้จัดการพวก Layout และการแสดงผล



Xamarin Android Project

Composite ใช้สำหรับในการแสดงผลข้อมูล ควบคุมการแสดงผล ส่วนประกอบต่าง ๆ



Xamarin Android Project

Advanced ความสามารถในขั้นสูงด้านพิเศษต่าง ๆ เช่น Zoom Control , Dialer และอื่น ๆ



Xamarin Android Project

Form Widgets ครื่องมือ ที่เกี่ยวข้องกับพวก Form ต่าง ๆ เช่น TextView , Button , Checkbox , Radio และอื่น ๆ



Xamarin Android Project

Text Fields ครื่องมือที่อยู่ภายใต้ editText และกลุ่มที่อยู่การ Input Text ข้อมูล หรือรับข้อมูลในรูปแบบต่าง ๆ เช่น Plain Text , Person Name , Password , Email และอื่น ๆ



Xamarin Android Project

Time & Date ครื่องมือในกลุ่มของ Date and Time จัดการกับวันที่ และเวลาในรูปแบบต่าง ๆ เช่น DatePicer , TimPicker , CalendarView และอื่น ๆ



Xamarin Android Project

Others เครื่องมือในกลุ่มของ การควบคุมการเปลี่ยนแปลงหลังเหตุการณ์ที่เกิดขึ้น ควบคุมการแสดงผล เช่น ImageSwitcher , TextSwitcher



สำหรับลิ้งค์ที่แปะให้นั้นเป็นส่วนของบทความ Android กับ Java ที่ทีมงานได้เขียนไว้เสร็จแล้ว และอาจจะพปเป็นแนวทางในการเขียนได้ และในส่วนของภาษา C# ถ้ามีโอกาสจะพยายามเขียนให้ได้มากที่สุด เท่าที่จะเป็นไปได้


.

   
Share


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


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


   


Bookmark.   
       
  By : ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
  Score Rating :  
  Create/Update Date : 2014-09-15 12:36:15 / 2017-03-26 20:53:18
  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 :

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


สุดยอด Source Code V2.0
 

แจ้งชำระเงิน/โอนเงิน
 

Hit Link
   







Load balance : Server 01
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 อัตราราคา คลิกที่นี่