Android DeveloperBeginningDeveloperFeaturedGoogle DevelopersJavaNewbieProgramming Language

เขียนแอพฯ Android ฉบับเริ่มต้น การใช้งาน WebView

วิธีการใช้งาน Widget WebView สำหรับแสดงผลหน้าเว็บไซต์บน Mobile ของเราผ่านหน้าจอแอพพลิเคชัน Android สำหรับนักพัฒนาที่กำลังเริ่มต้นเขียนแอพพลิเคชันครับ

หมายเหตุ: บทความนี้ได้ลองเปลี่ยนมาใช้ระบบปฏิบัติการ Linux Mint ในการเขียนแอพพลิเคชัน Android สิ่งที่ได้รับคือ การรันแอพพลิเคชันของเราผ่าน Emulator นั้นเร็วกว่าการใช้ระบบปฏิบัติการ Windows ครับ

ก่อนจะศึกษาบทเรียนนี้แนะนำให้ลองอ่านบทความเก่าๆ ก่อนครับ

มาเริ่มต้นกันเลยดีกว่า ก่อนอื่นสร้าง Project ขึ้นมาใหม่ก่อน

New Project
New Project
เลือก icon
เลือก icon
เลือก Blank
เลือก Blank
หน้าจอพร้อมแล้ว
หน้าจอพร้อมแล้ว

ผมมีหน้าเว็บไซต์ที่เป็น HTML5 อยู่แล้วดึง API ของ YouTube มากมายสำหรับดูละคร จึงสร้างแอพพลิเคชันนี้ขึ้นมา ดังนัั้นผมต้องปรับให้มันรองรับเว็บไซต์ URL นี้

http://www.daydev.com/movies/drama.html

ตกแต่งหน้า UI ของเราด้วย WebView ครับ

Screenshot from 2014-06-16 17:35:48

แก้ activity_main.xml ให้เป็นตามนี้

จะได้ WebView Widget มาใช้งานแล้ว

Screenshot from 2014-06-16 17:36:14

ต่อมาให้ไปแก้ไขไฟล์ MainActivity.java ดังนี้ครับ ให้ Import Header เข้าไปก่อน

ตามด้วย คำสั่ง

มีการแก้ไข AndroidManifest.xml เล็กน้อยตามนี้

Screenshot from 2014-06-16 17:37:54

แก้ XML โดยเพิ่ม บรรทัดนี้เข้าไปเพื่อให้โหลดอินเทอร์เน็ตได้

ภาพรวมจะเป็นดังนี้

ตรวจสอบ Source code ไฟล์ MainActivity.java จะได้ดังนี้ครับ

ทำการ Run ตัวแอพพลิเคชันของเราดูหน่อยครับว่า ใช้ได้ไหม

ทดสอบบน Linux Mint สิ
ทดสอบบน Linux Mint สิ
ใช้ได้เลย
ใช้ได้เลย
โอเคได้แอพพลิเคชันดูละครและ
โอเคได้แอพพลิเคชันดูละครและ

เรียบร้อยครับไม่ยากเลยใช่ไหม สำหรับการสร้างแอพพลิเคชันบน Android ด้วย WebView หากินง่ายๆ เห็นหลายแอพฯ ทำกัน

อ่านบทความเก่าๆ ได้ที่นี่ครับ

Tags

Banyapon Poolsawasd

อาจารย์ประจำสาขาวิชาการออกแบบเชิงโต้ตอบ และการพัฒนาเกม วิทยาลัยครีเอทีฟดีไซน์ & เอ็นเตอร์เทนเมนต์เทคโนโลยี มหาวิทยาลัยธุรกิจบัณฑิตย์ ผู้ก่อตั้ง บริษัท Daydev Co., Ltd, (เดย์เดฟ จำกัด)

Related Articles

Back to top button
Close
Close

Adblock Detected

เราตรวจพบว่าคุณใช้ Adblock บนบราวเซอร์ของคุณ,กรุณาปิดระบบ Adblock ก่อนเข้าอ่าน Content ของเรานะครับ, ถือว่าช่วยเหลือกัน