Hello World สวัสดีชาวโลก

Hello World สวัสดีชาวโลก
วลีนี้หลายคนอาจจะสงสัย ว่ามีที่มาอย่างไร โดยเฉพาะอย่างยิ่ง นักพัฒาโปรแกรมคอมพิวเตอร์หรือ โปรแกรมเมอร์มือใหม่ ทั้งหลาย การเรียนรู้การเขียนโปรแกรม ภาษาใดๆ ก็ตาม ก็จะเริ่มต้นจากบนพื้นฐานหรือเบสิกที่เรียกกันว่า Hello World สวัสดีชาวโลก! นั้นเอง
คล้ายๆ กับที่เด็กเล็กๆ หัดเรียนรู้การพูด หรือการสะกดคำนั้นเอง
Hello World สวัสดีชาวโลก เป็นการเขียนโปรแกรม แสดงข้อความ บอกว่า สวัสดี บนหน้าจอคอมพิวเตอร์ หรือ มือถือ นั้นเองครับ
ฟังดูไม่น่าจะยากใช่ไหม ? หรือมีใครคิดว่าง่ายเงินไปหรือเปล่า? สำหรับมือใหม่ หรือผู้เริ่มต้น หากสามารถเข้าใจหลักการ และเขียนข้อความแสดงออกมาแสดงบนหน้าจอได้ตามที่กำหนด ก็ือว่าผ่านด่านแรก พร้อมจะศึกษาและเรียนรู้บทต่อๆไป ซึ่งจะมีรายละเอียดมากกว่า
ขั้นตอน
1 เริ่มจากการสร้าง New Project ขึ้นมา
2 ระบุชื่อของแอพ ที่กำลังจะเขียน และระบุชื่อของ Website ถ้าเรามีเป็นของตนเอง ถ้าไม่มีสามารถใส่ของ android.example.com จากนั้นคลิก Next
3 ตัวเลือกอุปกรณ์แสดงผล ค่าจะเป็น Phone และ Tablet ให้เอาตามนั้น จากนั้นคลิก Next
4 เลือกทมเพลต เป็น Black activity จากนั้นคลิก Next
5 ในขั้นตอนต่อมา จะเป็นหน้าต่างการตั้งค่าของแอพ ใช้ค่า Default และคลิก Finish ได้เลย


จากตัวอย่างหน้าจอการเขียนโปรแกรม
จะมี 3 ส่วนหลักๆ คือ
ส่วนไฟล์และโฟลเดอร์
ส่วนตรงกลางแสดงข้อมูลและพื้นที่การเขียนโค้ดโปรแกรม
ส่วนที่ 3 เป็นส่วนที่เป็นการพรีวิวดูตัวอย่างหน้าจอ

หลักๆ ไฟล์ที่จะเปิดเข้าไปเขียนโค้ดอยู่ที่ไฟล์ชื่อว่า Layout
Activity_main.xml ครับ
ถ้าคลิกดูแล้วจะเห็นโค้ดในรูปแบบของ Text view หรือ รูปภาพวิว และมีแถว Attribute ในการเขียนภาษา XML แสดงตามลำดับ ที่เราได้ศึกษาผ่านมาในชั้นต้น

xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:paddingBottom="@dimen/activity_vertical_margin" tools:context="com.thaifreewaredownload.happybirthday.MainActivity"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello World!" />


</RelativeLayout>

ทดลองเปลี่ยนข้อความ Hello World เป็น ข้อความอื่นๆ ดูได้และพรีวิวดูในขั้นต้น ได้
ในบทต่อไปจะเป็นการ นำเอาแอพแรก ที่ชื่อว่า Hello World ไป install ลงบนมือถือของเราจริงๆ

Post a Comment