เริ่มต้น android กับ hello World!

สวัสดีครับ ทริปนี้ จะเป็นการเริ่มต้นทำ app ให้แสดงผลออกเป็น hello world

ทำไม่ยาก ง่ายๆ  มาเริ่มทำกันเลย

สิ่งที่ต้องมี eclipse android  ถ้าไม่มีโหลดได้จาก  http://developer.android.com/sdk/index.html

จากนั้น ไปที่ new แล้วเลือก Android  Application  Project

1

จะปรากฏ  หน้าตาเช่นนี้ แถบด้านล่าง จะเป็นการเลือก version ต่ำสุด  และสูงสุดที่ใช้ได้บนมือถือ  android   กด next

2

อันนี้ไม่ต้องสนใจ  กด next

3

เฟรมนี้จะจัดการ รูปที่จะให้แสดง บนแอพของเรา ถ้ามีรูปต้องการเปลี่ยน ให้ ผู้อ่าน เตรียมไฟล์ ขนาด 96*96 pixel  นามสกุล .png แต่ เจ้าของกระทู้จะ กด next ไปเลย

4

อันนี้เลือก theme ที่จะให้แสดง เจ้าของกระทู้ไม่ชอบฉูดฉาดก็    next   ครับ

 

5

อันนี้จะเป็นการตั้งชื่อ class  ซึ่งปกติ  จะมี เป็น MainActivity มาแล้ว ถึงขั้นตอนนี้กด finish เลย

6

โอเค ก็จะมี code เริ่มต้น มาแบบนี้มากมายไปหมด แต่ไม่ต้องตกใจ ให้ดูที่  วงแดงๆที่ให้ดู  ว่ามันสัมพันธ์กันยังไง

MainActivity จะเป็นส่วนคำสั่งไว้ให้เรา พิมพ์ code ลงไป

ส่วนอีกอัน ที่อยู่ ใน folder layout จะเป็นส่วน ui คือส่วนติดต่อกับผู้ใช้งาน

7

โดยกระทู้นี้จะไม่เขียน code มากมาย หลังจากนั้นให้เรา ไปที่  layout > activity_main.xml  ไปส่วน code จะได้แบบนี้  อันที่จริงเรา สามารถใช้ text view สร้างก็ได้

แต่เดียวผู้เริ่มต้น จะสับสนถอดใจไปก่อน   ก็เขียน code เพิ่นตามวงแดงๆ

 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.helloworld.MainActivity"
    tools:ignore="MergeRootFrame" >


    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/textView2"
        android:text="ยินดีต้อนรับ  www.nayjoe.com" />

</RelativeLayout>

 

8

 

หลังจากเขียน code เสร็จแล้ว จะได้  หน้าตาแบบนี้

 

9

สำหรับคนที่  ไม่ค่อยเข้าใจ   ดาวน์โหลดโปรเจ็ค    ที่นี่

 

 

 

 

 

 

 

 

nattanon

ณัฐนนท์ ลำสมุทร

Leave a Reply

Your email address will not be published. Required fields are marked *