การสร้าง Drawer Menu & Hamburger Icon

เริ่มแรกเลย สร้างโปรเจคใหม่ขึ้นมา 

เจ้าของบล็อกขอตั้งชื่อว่า DrawerMenu เลยละกัน

เลือก Min SDK เวอร์ชั่น 15

เลือก Empty Activity

กด Finish ได้เลย

มาที่ไฟล์ activity_main.xml พิมพ์โคดตามด้านล่างนี้

เจ้าของบ็อกสร้าง DrawerLayout ครอบทุกสิ่งอย่าง 

และกำหนดไอดีให้มันว่า drawerLayout

สร้าง LinnearLayout สำหรับใช้ทำเมนู 

โดยเจ้าของบล็อกได้สร้าง Button ไว้สองตัวเพื่อให้ผู้อ่านเห็นภาพ

มาที่ไฟล์ MainActivity.java 

ประกาศตัวแปรชนิด DrawerLayout ขึ้นมาหนึ่งตัว 

และทำการ findViewById ให้เรียบร้อย

เมื่อลองรัน จะสามารถเลื่อนเมนูออกมาได้เเล้ว

ต่อมาเราจะใส่ปุ่ม Hamburger ให้กับแอพของเรา

ประกาศตัวแปรอีกตัว ชนิด ActionBarDrawerToggle

ทำการ new ActionBarDrawerToggle ส่ง 

Context , drawerLayout, ข้อความตอนเปิด และข้อความตอนปิด ให้มัน

ทำการผูก drawerLayout กับ Hamburger 

ด้วยคำสั่ง drawerLayout.setDrawerListner

และส่ง actionBarDrawerToggle ให้มันด้วย

ให้ทำการ Override method มา 3 ตัวด้วยกัน

onPostCreate, onConfigruationChanged, onOptionItemSelected

onPostCreate พิ่มพ์คำสั่ง actionBarDrawerToggle.synState();

onConfigruationChanged พิมพ์คำสั่ง actionBarDrawerToggle.onConfigruationChanged(newConfig); 

onOptionItemSelected ทำการเช็คว่าปุ่ม Hamburger ถูกกดหรือเปล่า ถ้าใช่ก็ให้ return true กลับไป

Read More

ขั้นตอนการเปิด project ที่สร้างจาก android studio

เมื่อใดก็ตามที่ต้องการนำโปรเจคตัวอย่างมาทดลองทำตาม หรือนำโปรเจคที่พัฒนาแล้วไปเปิดกับคอมเครื่องอื่น สามารถทำได้ง่ายๆ ดังนี้

เปิดโปรแกรมขึ้นมา เลือกที่เมนู Open and existing Android Studio project

เลือกโฟลเดอร์ที่อยู่ของโปรเจคตัวอย่าง

เพียงเท่านี้ก็เป็นอันเสร็จเรียบร้อยจ้า...

Read More

First Android Project การสร้าง project ใน Android Studio

หลังจากทำการติดตั้งเจ้า android studio เรียบร้อย ท่านผู้ผ่านที่ยังไม่ได้ติดตั้ง สามารถดูวิธีการติดตั้งได้ที่ ขั้นตอนการติดตั้ง Android Studio  

 เปิดโปรแกรม android studio เลือกที่เมนู Start a new Android Studio project

     - Application name ใส่ชื่อ project ของผู้ผ่าน
     - Company domain ใส่ชื่ออะไรก็ได้
     - Package names ถ้าไม่อยากได้ตามที่โปรแกรมสร้างให้ สามาถกด edit แล้วกำหนดเองได้

เลือก Minimum สำหรับ project แบบ Phone and Tablet ซึ่งหมายความว่า เครื่องมือถือที่มี android api ต่ำก่วาที่ผู้อ่านเลือกจะไม่สามารถใช้งานแอพของเราได้นั่นเอง

เลือกเป็น Empty Activity

     - Activity name ตั้งชื่อให้กับ Activity

     - Layout name   ตั้งชื่อให้กับ Layout 

 Android Studio ทำการสร้าง project ให้เรา

โปรเจคแรกสร้างเสร็จเรียบร้อย

Read More

ขั้นตอนการติดตั้ง Android Studio

1. เข้าไปโหลดได้ที่ website นี้ได้เลย http://developer.android.com/tools

2. การดาวโหลดเจ้า Android Studio มี 2 วิธีให้เลือก
     - วิธีแรกคือโหลดไฟล์ที่มีนามสกุล .exe มาติดตั้ง สำหรับ OS Windows
     - วิธีที่สองคือโหลดไฟล์ที่มีนามสกุล .zip มาใช้งานได้เลย เจ้าของบล็อกจะเลือกวิธีที่สอง เพราะสะดวกดี
    - เลือกเมนู Other Download Options

3. เลือกโหลด package ที่เป็น .zip

4.  เมื่อดาวโหลดเสร็จเรียบร้อย จะได้ไฟล์ .zip 

5.  ให้แตกไฟล์ .zip ออกมา

6. หลังจากแตกไฟล์ .zip ออกมาจะได้โฟลเดอร์ที่มีชื่อเดียวกับไฟล์ .zip เจ้าของบล็อกได้ทำการเปลี่ยนชื่อเป็น Android Studio เรียบร้อย

7.  เมื่อเข้าไปจะพบโฟลเดอร์เยอะแยะมากมาย ไม่ต้องสนใจ ให้เข้าไปที่โฟลเดอร์   bin  ได้เลย

8.  หลังจากเข้ามาแล้ว ให้เลื่อนหา Icon สีเขียวๆ   จะมีอยู่ด้วยกัน 3 ตัว

          - ตัวที่ 1 สำหรับ windows 86x หรือ 32 bit

          - ตัวที่ 2 เป็นรูป icon ไม่ต้องสนใจปล่อยมันไป

          - ตัวที่ 3 สำหรับ windows 64x หรือ 64 bit 

    เลือกเอาที่สบายใจของผู้อ่านเลยคราบบบบ

9.  เมื่อเปิดโปรแกรมครั้งแรก จะต้องทำการกำหนดค่าเริ่มต้นให้เจ้าโปรแกรมนิดหน่อย 

     ถ้าใครเคยมีตัว setting ของเจ้าโปรแกรมตัวนี้แล้วก็ให้เลือก

         - I want to import my settings from a custom location

     ถ้าใครยังไม่เคยมีก็ให้เลือกตัวที่สองซึ่งเจ้าของบล็อกจะเลือกอันนี้

          - I do not have a previous version of Studio or I do not want to import my settings

      

10.  รอแปปปปปป กำลังโหลด

11.  อันนี้ก็รอ.....

12.  หลังจากรอมานานแสนสาน เจอหน้านี้ Next ได้เลยจ้า

13. หน้านี้จะมีให้เลือก

     - ถ้าไม่ต้องการแก้ไขอะไรก็เลือกแบบ standard ได้เลย ซึ่งเจ้าของบล็อกจะเลือกอันนี้แหละ 

     - ถ้าต้องการกำหนด them , path sdk ก็เลือกแบบ custom (จริงๆ สามารถกำหนดทีหลังได้) นะเออ...

14.  เสร้จแล้ววววว กดปุ่ม Finish สิคราบบ รอไรละ....

Read More