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

เขียนแอพฯ 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 หากินง่ายๆ เห็นหลายแอพฯ ทำกัน

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

Comments

daydevthailand@gmail.com

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

Review overview
NO COMMENTS

Sorry, the comment form is closed at this time.