thaiall logomy background
ระบบปฏิบัติการแอนดรอยด์ v1
my town
..
My app in Google Play

Google Play : App page
IT Article คือ Application ที่นำเสนอบทความมากกว่า 300 บทความ ทั้งหมดเป็นงานเขียนเกี่ยวกับเทคโนโลยีในชีวิตประจำวัน เคยถูกพิมพ์ในหนังสือพิมพ์ฅนเมืองเหนือ ตั้งแต่เดือนตุลาคม 2548 จนถึงปัจจุบันสัปดาห์ละ 1 เรื่อง และนำเสนอผ่านเว็บไซต์ thaiall.com ในรูปของเว็บเพจทั้งแบบ Printable และ Word สำหรับบทความใน app จะช่วยให้ผู้อ่านที่ติดตั้ง app แล้ว สามารถอ่านบทความได้แบบออฟไลน์ แม้อุปกรณ์ไม่เชื่อมต่ออินเทอร์เน็ตก็ตาม
IT Article for Smartphone, TabletPC on Android
app: itarticle.apk for android device
source: itarticle.zip for eclipse
| | |
..
Introduction to Android Apps
แอนดรอยด์ (Android) หรือ กูเกิลแอนดรอยด์ (Google Android) คือ ระบบปฏิบัติการที่พัฒนาโดยกูเกิล เป็นแพลตฟอร์ม (Platform) สำหรับอุปกรณ์อิเล็กทรอนิกส์ อาทิ คอมพิวเตอร์ โทรศัพท์เคลื่อนที่ แท็บเล็ตพีซี เปิดตัว 5 พฤศจิกายน 2550 โดยมีบริษัทกูเกิล เป็นผู้ถือสิทธิบัตรในตราสัญลักษณ์ ชื่อ และ รหัสต้นฉบับ (Source Code) ของแอนดรอยด์ ภายใต้เงื่อนไขการพัฒนาแบบ GNL โดยเปิดให้นักพัฒนา (Developer) สามารถนำรหัสต้นฉบับ ไปพัฒนาปรับแต่งได้อย่างเปิดเผย (Open Source) ทำให้แอนดรอยด์มีผู้เข้าร่วมพัฒนาเป็นจำนวนมาก
Download : JDK : Java Development Kit :: Eclipse Classic :: Android SDK :: Android.com Bluestacks.com

บทเรียนเกี่ยวกับ android (ผมได้เรียนกับ อ.ชัยวัฒน์ สมศรี ช่วยให้เข้าใจอะไรได้ง่ายขึ้นเยอะครับ)
+ บทที่ 1 การเขียนแอพพลิเคชั่น โดย eclipse facebook fan page หรือ lightbox
+ บทที่ 2 การส่ง app ที่เขียนขึ้นเข้า Google Play : Android Market [gthaiall]

ซีรี่กว่า 200 ตอน

การใช้งาน eclipse เบื้องต้น



| | |
..
My first app on android device

ขั้นตอนการเขียน app บน android ด้วย eclipse
ข้อควรทราบ :
1. workspace ของผมกำหนดเป็น d:\android หากนำ project ไปใช้ก็จะได้วางถูกห้องครับ
2. ใน samsung tab มีตัวเลือกไม่รับ app มีที่มาไม่ชัดเจน ต้องแก้ใน setting, application

ตัวอย่าง 1 : สร้างปุ่มเปลี่ยนข้อมูลใน textbox 2 button และใช้อาร์เรย์ภาษาไทย
1. File, New, Android Application Project
- Application Name = itarticles
- Build SDK : Android 3.2
- Minimum Required SDK : Android 2.2
- check : Create custom launcher icon
- check : Create Project in Workspace
- next .. next .. Create : BlankActivity
- Activity Name : MainActivity
2. เปิดแฟ้ม itarticles/src/com.example.itarticles/mainActivity.java
- พบ warning message ใน import 2 รายการ เพราะยังไม่ใช้แต่เรียกมา
- ใส่ // หน้าบรรทัดของ import android.view.MenuItem
- ใส่ // หน้าบรรทัดของ import android.support.v4.app.NavUtils
3. เปิดแฟ้ม itarticles/res/values/strings.xml
- Add แล้ว Double click คำว่า String เพื่อสร้าง 2 Values
- Name : area_1
- Value : hello1 (แล้วกดปุ่ม up เพื่อ update การแสดงผล)
- Name : area_2
- Value : hello2 (แล้วกดปุ่ม up เพื่อ update การแสดงผล)
- แล้วกดปุ่ม Ctrl-Shift-S เพื่อ Save All หากไม่ Save เวลาแก้ไขใน activity_main.xml จะพบ error message
4. เปิดแฟ้ม itarticles/res/layout/activity_main.xml
- มี 2 mode ให้เลือกคือ Graphical Layout และ activity_main.xml ซึ่งเป็น source code
- ดึง 2 button จาก palette ไปวางใน Layout View
- กำหนดให้ทั้ง 2 ปุ่มชิดซ้าย เรียงจากบนลงล่าง (ถ้าไม่เรียงให้ดี ตอนแสดงผลใน AVD จะมีปัญหา)
- เปลี่ยนจาก android:text="Button" เป็น android:text="@string/area_1" และ area_2
- ย้ายตำแหน่งของ hello world มาต่อเป็นรายการสุดท้าย
5. ทดสอบ run ครั้งแรก
- Menu bar, run, Android Application แล้วรอสักครู่
- พบผลใน Android Virtual Device ทำงานปกติ ก็ถือว่าผ่าน
6. เปิดแฟ้ม itarticles/src/com.example.itarticles/mainActivity.java
- เริ่มแก้โปรแกรมต้องระวังเรื่อง Case Sensitive
- เพิ่ม TextView t1; ใต้ class แล้วเพิ่ม import android.widget.*;
- เพิ่ม Button b1; ใต้ class
- ใต้บรรทัด setContentView(R.layout.activity_main); เพิ่มบรรทัดต่อไปนี้ลงไป
t1 = (TextView)findViewById(R.id.textView1);
b1 = (Button)findViewById(R.id.button1);
b1.setOnClickListener(new View.OnClickListener() {			
	public void onClick(View v) {
		t1.setText("1");	
	}
});

7. ทดสอบ run ครั้งสอง (การ run ครั้งต่อไป เวลาปรับ code ก็ทดสอบเลยครับ)
- คลิ๊ปปุ่ม hello1 ตัวเลขใน TextView ต้องเปลี่ยนเป็น 1
8. เพิ่มคำสั่งให้กับปุ่มใน mainActivity.java
- เพิ่ม b2 แล้วเพิ่ม setOnClickListener ให้ click แล้วเป็นเลข 2 .. ลองทำดูครับ
b2 = (Button)findViewById(R.id.button2);
b2.setOnClickListener(new View.OnClickListener() {			
public void onClick(View v) { t1.setText("2");	}
});  
- ผลคือ กดปุ่มสลับไปมา เลขก็ต้องเปลี่ยนระหว่าง 1 กับ 2 ด้วย
- ถ้าเปลี่ยนเป็น t1.setText(b1.getText()); ผลที่ได้ก็จะเปลี่ยนไป .. ท่านว่าเป็นอะไรเอ่ย
9. ใช้ Integer class และ method จัดการกับข้อมูล String
- เปลี่ยนจาก t1.setText("2"); เป็น
Integer i = Integer.parseInt((String) t1.getText()) + 1;
t1.setText(Integer.toString(i));

10. สร้าง array ใต้ class แล้วเรียก method มาทำงาน ใต้ onCreate ()
String ar[];
public void assign_array(){
ar = new String[5];
ar[0] = "กกก";
ar[1] = "ขขข";
ar[2] = "คคค";
ar[3] = "งงง";
ar[4] = "จจจ";
}

11. ทำให้ปุ่มทั้งหมดทำงานกับอาร์เรย์
- เปลี่ยนตัวเก็บเลขเป็น b2 แทน t1 ทำให้ต้องแก้ไข action ของ b1 และ b2
เดิม
t1.setText("1");	
t1.setText(Integer.toString(i));
ใหม่
b2.setText("1");	
b2.setText(Integer.toString(i));
- เรียกใช้อาร์เรย์หลังกดปุ่ม b2 ด้วย t1.setText( ar[i - 1]);
12. ส่งแฟ้ม itarticles.apk จากห้อง itarticles/bin เข้าอุปกรณ์เพื่อ install บน android
- ผมใช้วิธี upload file ไปฝากไว้ใน fb group แล้ว download

Download itarticles_v1.apk :: itarticles_v1.zip
| | |
rspsocial
Thaiall.com