Showing posts with label andriod. Show all posts
Showing posts with label andriod. Show all posts

Tuesday, November 5, 2013

[Android Studio] : วิธีสร้างโปรเจคใหม่

        ตอนแรกเจ้าของบล๊อกได้เขียนบทความ วิธีติดตั้ง Android Studio ซึ่งเห็นว่ามีคนเข้ามาอ่านบทความนี้
เยอะเหมือนกัน บทความเก่าจะรวมวิธีการลงโปรแกรมและวิธีการสร้างโปรเจคใหม่ด้วยกัน ทำให้เนื้อหา
ค่อนข้างยาวมาก เลยคิดว่าการแยกออกมาเป็นคนละบทความน่าจะสะดวกในการอ่านมากกว่า

เลยแยกออกมาเป็นอีกบทความ ถ้ายังไม่ได้ลงโปรแกรม Android Studio สามารถไปอ่านวิธีการติดตั้ง
โปรแกรมได้ที่ วิธีติดตั้ง Android Studio มาเริ่มสร้างโปรเจคแอนดรอยด์กันดีกว่า :3



ขั้นตอนการสร้างโปรเจคใหม่
14-8-2556 14-37-11
1. เมื่อเปิดโปรแกรมมาจะเจอหน้าจอแบบนี้ เลือก New Project 



2.  แน่นอนว่าโปรแกรมแรกของทุกภาษา HelloWorld! เสร็จแล้วกด Next 



3. หน้าจอไอคอน คล้ายๆ กับ adt-bundle ตัวเก่า กด Next 



4. เลือก Blank Activity แล้วก็กด Next 



5. Activity Name : MainActivity  (ชื่อ Activity)
     Layout Name : activity_main (ชื่อ Layout XML) 
     จากนั้นกด Finish เป็นอันจบพิธีการสร้างโปรเจคฮับ



6. เมื่อเปิดโปรแกรมมาจะเจอหน้าจอแบบนี้ กดปิด Tip of Day ไปเลยเราไม่อ่าน อิอิ



7. คลิ๊กเลือก Project อันนี้จะเป็นลำดับไฟล์ต่างๆ แตกต่างไปจาก adt-bundle ตัวเก่านิดนึง 



8. เชื่อว่าทุกคนมี Error แน่นอนเนื่องจากเรายังไม่ได้เลือก Project SDK เนื่องจากเจ้าของบล๊อก
มีการทดลองลงโปรแกรมก่อนแล้วแล้วถอนโปรแกรมออกไป เพื่อลงอีกครั้ง
เพื่อมาเขียนในบทความครั้งนี้จึงไม่มี Error ให้เห็น ไปที่ File –>Project Structure 



8. เมื่อไปที่  File –>Project Structure  จะเจอหน้าจอดังนี้ ตรง Project Setting
ให้เลือก Project –> Project SDK : Android SDK ( java version "1.7.0_17" ) แล้วคลิ๊ก OK 


ขั้นตอนการ Create new AVD
1. ขั้นตอนนี้จะทำการสร้าง Emulator เพื่อมาทดสอบรันโปรแกรม Hello World ของเรา
ที่สร้างไปแล้วก่อนหน้านี้ไปที่ Tools –> Android –> SDK Manager จะเจอหน้าจอดังภาพ
เลือกโหลด Intel x86 Atom System Image เห็นมีคนบอกว่าโหลดตัวนี้
จะลื่นไหลเปรียบเสมือนดั่งเทสกับเครื่องจริง



2. เมื่อโหลดเสร็จเรียบร้อยแล้วเราก็จะมาสร้างตัว Emulator เพื่อมาทดสอบรันโปรแกรมกันนะคะ
ไปที่ Tools –> Android –> ADV Manager เมื่อเปิดแล้วจะได้หน้าจอดังภาพกดเลือก New



3. ADV Name : ตั้งชื่อตามใจชอบเลยคะ
   CPU/ABI : เลือก Intel Atom (x86) ตัวที่เราโหลดมา
   ส่วนอื่นๆ ขั้นตอนนี้ตั้งค่าตามภาพได้เลยคะ เมื่อเสร็จแล้วก็กด OK



4. เมื่อกด OK จะแสดงหน้าจอดังนี้ รายละเอียดของ ADV ที่เรา config



5. กลับมาหน้าจอเดิมคะ จะเห็นว่ามีตัว Emulator ชื่อ ADV ที่เราได้สร้างขึ้นมาก่อนหน้านี้นั่นเอง คลิ๊กเลือกแล้วกด Start ADV เลยคะ



6. จะได้หน้าตาของ Emulator แบบนี้ขั้นตอนต่อไปทดลองรันโปรแกรม Hello World ของเรากันคะ



7. กด เครื่องหมายสามเหลี่ยมสีเขียวดังภาพเพื่อรันโปรแกรม



8. หน้านี้จะให้เราเลือก device ของเครื่อง ถ้าเราเสียบสายของเครื่องจริงก็จะแสดงชื่อ device
เพื่อให้เราเลือกรันทดสอบแต่เราทดสอบรันโปรแกรมบน Emulator ก็เลือก Emulator ADV กด OK เลยฮับ



9. เมื่อกดรันโปรแกรมแล้ว  Emulator จะแสดงผลโปรแกรมของเราคะ Hello World!  
เสร็จแล้วคะวิธีสร้างโปรเจคใหม่บน Android Studio ง่ายใช่ไหมละ
ขอให้สนุกกับ  Android Studio ตัวใหม่นี้นะคะ :)

การติดตั้ง JDK และ กำหนด path ให้ Support android Studio

หลังจากใช้ android Studio มาเป็นเครื่องมือใน การโค้ดดิ้งแอนดรอยด์ แทน ADT ให้กับผู้เข้าอบรมแอนดรอยด์ ที่ สถาบัน EWTC พบว่าปัญหาส่วนใหญ่ ของผู้เข้าอบรม ที่ไม่สามารถ ติดตั้ง android Studio บน เครื่อง ที่ใช้ ระบบปฎิบัติการ Widdows ได้คือ ไม่ได้ กำหนด path JAVA บนเครื่องทำให้ android Studio มองไม่เห็น path JAVA เดี๋ยวเรามา เรี่มต้นจาก ศูนย์ โดยการ ติดตั้ง จาวา และ กำหนด path JAVA เพื่อรองรับ การติดตั้ง android Studio กันต่อไป

Download Java JDK

ก่อนอื่นไปโหลด Java JDK  มาก่อนที่ http://www.oracle.com/technetwork/java/javase/downloads/index.html


เลือกโหลดที่ เหมาะสมกับ ระบบปฎิบัติการของตนเอง จาก ตัวอย่าง มาสเตอร์ จะเลือกโหลด ต้วที่ใช้กับ Windows 64 Bit ก็คือ Windows x64

โหลดต้วติดตั้งได้มาละ





ดับเปิลคลิกเพื่อ ติดตั้ง Java JDK






ลองเปิด cmd เพื่อเช็คว่า เรามี JDK จริงๆ


พิมพ์ คำสั่ง java -version ลงไปใน cmd


ถ้าทุกอย่างถูกต้อง น่าจะได้แบบนี้


ต่อไปก็มาถึ่งการ กำหนด path ให้กับ JDK เพื่อเราจะติดตั้ง android Studio ต่อไป ให้ไปที่ Control Panel > System and Security > System มองหา Advanced system settings


Environment Variables


คลิกที่ New


ก่อนที่จะทำอะไร ? ต่อไป ให้หาตำแหน่ง path แท้ของ JDK แบบนี้ และ Copy path ไว้


กำหนด New System Variable แบบนี้


ทำการตรวจสอบว่า เราได้ System variables ได้จริง


และเพิ่ม System Variable อีกอันแบบนี้


เช็คด้วยมาไหม ?


โอเค ได้มาละ การกำหนด path JDK มีแค่นี่แหละครับ ต่อไป คุณก็สามารถไป ติดตั้ง android Studio ได้ละครับ

รีวิว การติดตั้ง android studio พร้อม HelloWorld

ห็น น้องๆ หลายๆคนสับสน กับการติดตั้ง เครื่องมือเขียนโค้ดแอนดรอยด์ android studio วันนี่ มาสเตอร์ อึ่ง เลย มารีวิว แบบ ละเอียดๆ เลยนะ

ทุกคนมี JDK ในเครื่อง แล้วนะ ?

มาสเตอร์ จะข้ามขั้นตอน การติดตั้ง Java ไปเลยละกัน มาถึงการ กำหนด PATH ดีกว่า เปิด System ของคุณขึ้นมาก่อนเลยครับ และ คลิกไปที่ Advance system settings


จะได้ หน้าต่าง System Properties แบบนี้ คลิกที่ Environment Variables เลยครับ








คลิกที่ New


JAVA_HOME



โดยตำแหน่ง Vaiable value ให้ยึดที่เครื่องของคุณนะครับ


กลับมาตรวจสอบอีกที ว่าได้มาหรือเปล่า


ทำในส่วนของ PATH แบบเดียวกัน




ไป Download android studio มาซะ


ได้มาแล้ว ก็ทำการติดตั้งเลย


ตามกระบวนการไปจนเสร็จ


ตรงนี่แหละ ครับ ถ้าเรา Setup Path java ไม่ดี ตัว android studio จะมองไม่เห็น จาวา


กำหนด ให้คนอื่นใช้ด้วย


Path ที่ เก็บโปรแกรม


ชื่อบนเมนู


รอจนเสร็จ




Start Android Studio

เมื่อเรา Start Android Studio เป็นครั้งแรก ต้องกำหนด ที่ๆ เราจะเก็บ Source Code แอนดรอยด์ ที่เราเขียนขึ้น


Update Version Android Studio

ก่อนที่เราจะทำอะไร ? ให้เราอัพเดท เวอร์ชั่นของ Android Studio ก่อนโดยการคลิกที่ Check


คลิก Update and Restart


ตัว Android Studio จะ Download และ Update ตัวเองแบบนี้ ครับ



Restart Android Studio



ได้มาละ android studio ที่อัพเดทแล้ว


ปิด FireWall ก่อน HellWorld




ยังเปิดอยู่


ปิดซะ


ปิด FireWall เรียบร้อย


HelloWorld บน android Studio




กำหนด ค่าเริ่มต้นแบบนี้


และ Next จนจบ




สังเกตุว่า android studio จะโหลด อะไรบางอย่าง ลงมา รอพักหนึ่งนะครับ


ถ้าขึ้นข้อความแบบนี้ แสดงว่า เน็ตเดียง ให้ ไป New Project ใหม่


ได้มาละ HelloWorld


รอจบกระบวนการเสร็จ


มี Error



แก้ไขโดยการไปอัพเดท SDK ก็หาย ครับ



แต่ถ้าพยายามอัพแล้ว ไม่ได้ ขึ้นข้อความแบบนี้ ให้ถอด android studio และติดตั้งใหม่


อัพเดท SDK เสร็จละ


android studio พร้อมทำงานแล้วครับ