[Android] self study 1

ในที่สุดก็สามารถเอาชนะความขี้เกียจ ลากตัวเองมาลองทำมือถือได้ เฮ (จะทำไปได้สักกี่วันว้า)

อันที่จริงก็แอบศึกษา iOS มาได้สักพักแล้ว เพราะอยากเขียนมือถือกับเค้ามั่ง แต่พอเมื่อวานได้ลองแตะ android แล้วรู้สึกว่าน่าจะเรียนรู้ได้เร็วกว่าด้วยพื้นฐาน java (อันน้อยนิด) ที่มี ฉะนั้นเราจะพับ iOS เก็บไป แล้วหันมาซบอกเจ้าหุ่นเขียวแทน  :)

เนื่องจากชีวิตมนุษย์ลูกจ้างมีเวลาว่างหลังเลิกงานแต่ละวันไม่มากนัก ไหนจะเล่นมือถือ เล่นเฟสบุคอีก บล็อกนี้จึงไม่ได้หวังว่าจะเป็น tutorial ให้ใคร แต่จะออกเป็นแนวบันทึกว่าวันนี้ได้ทำอะไรไปมากกว่า เพราะฉะนั้นอย่าไปคาดหวังอะไรกับมันมากละกัน

 

เริ่มจาก IDE ก่อน จากการค้นคว้าเป็นเวลาห้านาที เหมือนว่า google จะปล่อยตัว SDK แบบมี android developer tool (ADT) ติดมาให้ในตัวแล้ว สามารถโหลดได้ที่ http://developer.android.com/sdk/index.html

ตัว IDE ก็ based on eclipse เลย GUI หน้าตาเดียวกันเด๊ะ (เฮ)

สำหรับคำถามว่ามันต่างกับใช้ eclipse + android plugin ยังไง ผมก็อยากรู้เหมือนกัน ใครรู้มาบอกด้วย

ผมลองเซิสประมาณว่า  android adt bundle vs eclipse  แต่ไม่เจอคำตอบ

 

ชั่งมัน เอาไอนี่แหละ ขี้เกียจโหลด eclipse อีกตัว ถ้าไม่เวิร์คค่อยเปลี่ยน  //อันที่จริงผมมี eclipse ในเครื่องอยู่แล้ว แต่เอาไว้ทำ web app ไม่อยากลง android ให้มันตีกัน

 

หลังจากดาวโหลดเสร็จ
1. extract
2. เจอ folder eclipse
3. double click เปิดมันขึ้นมา เจอหน้าตา IDE
4. คลิก File > New > Android Application Project
5. ตั้งชื่อให้โปรเจค ส่วนทีเหลือปล่อย default หมด
6. คลิก Finish
7. เราก็จะได้หน้าตาประมาณนี้ !!!

Screen Shot 2556-07-02 at 9.58.09 PM

จะเห็นว่ามันมี activity_main.xml มาให้แล้ว ซึ่งมันแบ่งเป็นสอง tab อีกคือ Graphical Layout กับ ตัวที่เป็น xml

ไอตัว Graphical Layout จะมี text อยู่อันนึง(ชนิดของ text จะเรียกว่า TextView มั้ง) ซึ่งมีค่าว่า Hello world  ไอนี่มันจะไปแมพกับหน้า xml ตรง

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

นั่นเอง ทีนี้ไอ @string/hello_world มันคืออะไรเนี่ย?

ด้วยความชาญฉลาด อ่อนโลกและใสซื่อ ลองลบมันออกแล้วเปลี่ยนเป็น

         android:text="whaaaaat" />

ปรากฏว่าที่หน้า Graphical Layout มันเปลี่ยนตามด้วยเว้ยเฮ้ย 555 เรานี่มันอัจฉริยะจริงๆ

แต่ทำไมในหน้า xml มันขึ้นตัวเหลืองๆเนี่ย พอเอาเม้าไปชี้ก็โดนมันด่ามาว่า

[I18N] Hardcoded string “whaaaaat”, should use @string  resource

หรือแปลเป็นไทยได้ว่า “ที่เอ็ง hardcode string ไว้ว่า whaaaaat เนี่ย ชาวบ้านเค้าไม่ทำกันนะ หัดใช้ @string ซะ”

 

โดนคอมพิวเตอร์ด่า น้ำตาซึมไปสองวิ ก็กด ctrl + z ย้อนกลับไปเป็น  @string/hello_world  ก็ได้ฟะ

ทีนี้ด้วยไหวพริบปฏิภาณ อยากรู้ว่าไอ @string/hello_world มันคืออะไร ใช้ยังไง เราก็ทำการกด ctrl + h (search) แล้วพิมไปว่า hello_world

ไอ IDE มันก็จะไปหามาว่าไอ hello_world มันอยู่ซอกหลืบไหนของโปรเจค ซึ่งผลที่ได้ก็คือ

Screen Shot 2556-07-02 at 10.21.53 PM

มันอยู่ใน strings.xml นั่นเอง

ทีนี้พอคลิกไปก็จะมีสอง tab คล้ายๆ activity_main.xml เป็น tab Resources กับ tab xml  ผมชอบดู xml มากกว่า พอคลิกไปก็จะเจอ

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="app_name">FirstProject</string>
    <string name="action_settings">Settings</string>
    <string name="hello_world">Hello world!</string>
</resources>

ลองเปลี่ยนค่าไอ  Hello world!  เป็น Hello Android! ก็จะพบว่าค่าใน graphical layout มันก็เปลี่ยนตาม ไม่โดนคอมด่าด้วย เฮ

 

เป็นอันฟิน จบเอนทรี่แรก

//เอาจริงดิ ยังไม่ทันทำไรเลยนะ
//อืม ก็ขี้เกียจอะะะ  –___–
//ที่จริงนี่มันเบสิกมาก ทำไมเขียนยาวจัง

One thought on “[Android] self study 1

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s