9/17/2556

การสร้าง Android Application โดยใช้ HTML

เราสามารถสร้าง Android Application โดยใช้ HTML ได้จาก eclipse ide ดังนี้

1. ใน folder project ของ Android Application ที่สร้างขึ้นจาก eclipse ide แก้ไฟล์ AndroidManifest.xml



ใส่   <uses-permission android:name="android.permission.INTERNET" /> เพื่อให้ Application ของเราสามารถเชื่อมต่อกับ Internet ได้

2. แก้ไฟล์ใน  folder \res\layout ไฟล์ activity_main.xml 


เพิ่ม  <WebView

        android:id="@+id/webView1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true" /> เข้าไปสำหรับแสดงข้อมูลไฟล์ HTML

3.  ที่ folder assets ให้สร้าง folder www และใน folder www ให้สร้างไฟล์ index.html ซึ่งสามารถใส่ code  HTML ลงไปที่ต้องการให้แสดงใน Application รวมถึงไฟล์รูป ไฟล์ style sheet ต่างๆ ก็สามารถใส่ได้ใน foler www ที่สร้างขึ้นมานี้ด้วย


4. แก้ไฟล์ MainActivity.java ในโฟลเดอร์ src และ โฟลเดอร์ย่อยตามชื่อ package ให้เพิ่ม code เพื่อให้ เอา code HTML ในไฟล์ asset/www/index.html มาแสดง
                
        private WebView webView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
webView = (WebView) findViewById(R.id.webView1);
webView.getSettings().setJavaScriptEnabled(true);
webView.loadUrl("file:///android_asset/www/index.html");
}

ใน class MainActivity