Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone



Clound SSD Virtual Server

Android ListView and SQLite Database (Android SQLite)

Android ListView and SQLite Database (Android SQLite) การเขียน Android กับ Widgets ของ ListView เพื่อติดต่อกับฐานข้อมูลของ SQLite Database เพื่อนำข้อมูลของ SQLite Databaseที่ได้แสดงข้อมูลใน ListView ในรูปแบบต่าง ๆ เช่นการแสดงแบบ Column เดียว หรือจะกำหนดแบบ Custom Layout

พื้นฐานของ SQLite Database กับ Android สามารถศึกษาได้จากบทความนี้

ListView - Android Widgets Example


โครงสร้างตารางและข้อมูล

Android ListView and SQLite Database

ชื่อว่าตาราง members ประกอบด้วยฟิวด์ MemberID, Name , Tel

Android ListView and SQLite Database

มีข้อมูลอยู่ 4 รายการ

Example 1 อ่านข้อมูลจาก SQLite Database แบบง่าย ๆ มาแสดงที่ ListView แบบ Column เดัยว

Android ListView and SQLite Database

ออกแบบหน้าจอ GraphicalLayout ตาม Layout ดังนี้

activity_main.xml (XML Layout)
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tableLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
 
   	<TableRow
      android:id="@+id/tableRow1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:padding="5dip" >
     
     <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:gravity="center"
        android:text="List Member : "
        android:layout_span="1"
        android:textAppearance="?android:attr/textAppearanceLarge" />
  	        
 	</TableRow>

	<View
		android:layout_height="1dip"
		android:background="#CCCCCC" />
 
  <LinearLayout
        android:orientation="horizontal"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.1">   
     
     <ListView
         android:id="@+id/listView1"
         android:layout_width="match_parent"
         android:layout_height="wrap_content">
     </ListView>
  	        
 	</LinearLayout>

	<View
		android:layout_height="1dip"
		android:background="#CCCCCC" />
   		  
   	<LinearLayout
      android:id="@+id/LinearLayout1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:padding="5dip" >

   		<TextView
   		    android:id="@+id/textView2"
   		    android:layout_width="wrap_content"
   		    android:layout_height="wrap_content"
   		    android:text="By.. ThaiCreate.Com" />

	</LinearLayout>
	
</TableLayout>


XML Layout ของ Activity

myDBClass.java
package com.myapp;

import android.content.Context;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteOpenHelper;
import android.util.Log;

public class myDBClass extends SQLiteOpenHelper {
	

    // Database Version
    private static final int DATABASE_VERSION = 1;
 
    // Database Name
    private static final String DATABASE_NAME = "mydatabase";
 
    // Table Name
    private static final String TABLE_MEMBER = "members";

	public myDBClass(Context context) {
		super(context, DATABASE_NAME, null, DATABASE_VERSION);
		// TODO Auto-generated constructor stub
	}

	@Override
	public void onCreate(SQLiteDatabase db) {
		// TODO Auto-generated method stub
		// Create Table Name
	    db.execSQL("CREATE TABLE " + TABLE_MEMBER + 
		          "(MemberID INTEGER PRIMARY KEY AUTOINCREMENT," +
		          " Name TEXT(100)," +
		          " Tel TEXT(100));");
	   
	    Log.d("CREATE TABLE","Create Table Successfully.");
	}	
	
	// Select All Data
	public String[] SelectAllData() {
		// TODO Auto-generated method stub
		
		 try {
			String arrData[] = null;	
			 SQLiteDatabase db;
			 db = this.getReadableDatabase(); // Read Data
				
			 String strSQL = "SELECT  * FROM " + TABLE_MEMBER;
			 Cursor cursor = db.rawQuery(strSQL, null);
			 
			 	if(cursor != null)
			 	{
					if (cursor.moveToFirst()) {
						arrData = new String[cursor.getCount()];
						/***
						 *  [x] = MemberID , Name , Tel
						 */
						int i= 0;
						do {				
							arrData[i] = cursor.getString(0) 
									 + " - " + cursor.getString(1)
									 + " - " + cursor.getString(2);;
							i++;
						} while (cursor.moveToNext());						

					}
			 	}
			 	cursor.close();
				
				return arrData;
				
		 } catch (Exception e) {
		    return null;
		 }

	}	

	@Override
	public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {
		// TODO Auto-generated method stub
        db.execSQL("DROP TABLE IF EXISTS " + TABLE_MEMBER);
        
        // Re Create on method  onCreate
        onCreate(db);
	}

}


class ของ myDBClass ใช้สำหรับการติดต่อกับฐานข้อมูล


MainActivity.java
package com.myapp;

import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.app.Activity;

public class MainActivity extends Activity {

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		// get Data from SQLite
		final myDBClass myDb = new myDBClass(this);
		String myData[] = myDb.SelectAllData();   
		
        // listView1
        ListView lisView1 = (ListView)findViewById(R.id.listView1); 
  
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, myData);
        
        lisView1.setAdapter(adapter);        
        
	}


}


Screenshot

Android ListView and SQLite Database

แสดง ListView กับ SQLite Database




Example 2 อ่านข้อมูลจาก SQLite Database ด้วย ListView แบบ Custom Layout

โครงสร้างไฟล์

Android ListView and SQLite Database

ไฟล์ที่เพิ่มเข้ามาคือ activity_column.xml ซึ่งเป็น Custom Layout ของ ListView

ออกแบบหน้าจอ GraphicalLayout ตาม Layout ดังนี้

Android ListView and SQLite Database

activity_main.xml (XML Layout)
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tableLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
 
   	<TableRow
      android:id="@+id/tableRow1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:padding="5dip" >
     
     <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:gravity="center"
        android:text="List Member : "
        android:layout_span="1"
        android:textAppearance="?android:attr/textAppearanceLarge" />
  	        
 	</TableRow>

	<View
		android:layout_height="1dip"
		android:background="#CCCCCC" />
 
  <LinearLayout
        android:orientation="horizontal"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.1">   
     
     <ListView
         android:id="@+id/listView1"
         android:layout_width="match_parent"
         android:layout_height="wrap_content">
     </ListView>
  	        
 	</LinearLayout>

	<View
		android:layout_height="1dip"
		android:background="#CCCCCC" />
   		  
   	<LinearLayout
      android:id="@+id/LinearLayout1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:padding="5dip" >

   		<TextView
   		    android:id="@+id/textView2"
   		    android:layout_width="wrap_content"
   		    android:layout_height="wrap_content"
   		    android:text="By.. ThaiCreate.Com" />

	</LinearLayout>
	
</TableLayout>


XML Layout ของ Activity หลัก


Android ListView and SQLite Database

activity_column.xml (XML Layout)
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:id="@+id/linearLayout1" 
	android:layout_width="fill_parent"
	android:layout_height="fill_parent" >

	<TextView
	android:id="@+id/ColMemberID" 
		android:layout_width="0dp"
		android:layout_height="wrap_content" 
		android:layout_weight="1"
		android:text="MemberID"/>

	<TextView
		android:id="@+id/ColName" 
		android:layout_width="0dp"
		android:layout_height="wrap_content" 
		android:layout_weight="2"
		android:text="Name"/>

	<TextView
	    android:id="@+id/ColTel"
	    android:layout_width="0dp"
	    android:layout_height="wrap_content"
	    android:layout_weight="1"
	    android:text="Tel" />

</LinearLayout>


เป็นไฟล์ XML Layout ที่เป็น Custom Layout ประกอบด้วย ColMemberID, ColName และ ColTel

myDBClass.java
package com.myapp;


import android.content.Context;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteOpenHelper;
import android.util.Log;

public class myDBClass extends SQLiteOpenHelper {
	

    // Database Version
    private static final int DATABASE_VERSION = 1;
 
    // Database Name
    private static final String DATABASE_NAME = "mydatabase";
 
    // Table Name
    private static final String TABLE_MEMBER = "members";

	public myDBClass(Context context) {
		super(context, DATABASE_NAME, null, DATABASE_VERSION);
		// TODO Auto-generated constructor stub
	}

	@Override
	public void onCreate(SQLiteDatabase db) {
		// TODO Auto-generated method stub
		// Create Table Name
	    db.execSQL("CREATE TABLE " + TABLE_MEMBER + 
		          "(MemberID INTEGER PRIMARY KEY AUTOINCREMENT," +
		          " Name TEXT(100)," +
		          " Tel TEXT(100));");
	   
	    Log.d("CREATE TABLE","Create Table Successfully.");
	}	
	
	// Select All Data
	public Cursor SelectAllData() {
		// TODO Auto-generated method stub
		
		 try {
			 SQLiteDatabase db;
			 db = this.getReadableDatabase(); // Read Data
				
			 String strSQL = "SELECT  MemberID As _id , * FROM " + TABLE_MEMBER;
			 Cursor cursor = db.rawQuery(strSQL, null);
			 
			 return cursor;
				
		 } catch (Exception e) {
		    return null;
		 }

	}	

	@Override
	public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {
		// TODO Auto-generated method stub
        db.execSQL("DROP TABLE IF EXISTS " + TABLE_MEMBER);
        
        // Re Create on method  onCreate
        onCreate(db);
	}

}


class ของ myDBClass ใช้สำหรับการติดต่อกับฐานข้อมูล


MainActivity.java
package com.myapp;

import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;
import android.widget.SimpleCursorAdapter;
import android.app.Activity;
import android.database.Cursor;
import android.widget.Toast;

public class MainActivity extends Activity {

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		// get Data from SQLite
		final myDBClass myDb = new myDBClass(this);
		final Cursor myData = myDb.SelectAllData();   
		
        // listView1
        ListView lisView1 = (ListView)findViewById(R.id.listView1); 
          
        SimpleCursorAdapter adapter;
        adapter = new SimpleCursorAdapter(MainActivity.this, R.layout.activity_column, myData
        		,new String[] {"MemberID","Name","Tel"}
        		,new int[] {R.id.ColMemberID, R.id.ColName, R.id.ColTel}); 
        
        lisView1.setAdapter(adapter);
        
        // OnClick Item
        lisView1.setOnItemClickListener(new OnItemClickListener() {
		      public void onItemClick(AdapterView<?> myAdapter, View myView, int position, long mylng) {
		    	   
		    	  String MemberID = myData.getString(myData.getColumnIndex("MemberID"));
		    	  Toast.makeText(getApplicationContext(),
				    		"Selected MemberID : " + MemberID, Toast.LENGTH_SHORT).show();
		    	  
		      }     
        });
              
        
	}


}


Screenshot

Android ListView and SQLite Database

แสดง ListView กับ SQLite Database และการทำ Custom Layout


Example 2.1 หลังจากคลิกที่แต่ล่ะรายการจะแสดงรายละเอียดของรายการนั้น ๆ บน Dialog Popup

MainActivity.java
package com.myapp;

import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;
import android.widget.SimpleCursorAdapter;
import android.app.Activity;
import android.app.AlertDialog;
import android.database.Cursor;
import android.content.DialogInterface;

public class MainActivity extends Activity {

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		// get Data from SQLite
		final myDBClass myDb = new myDBClass(this);
		final Cursor myData = myDb.SelectAllData();   
		
        // listView1
        ListView lisView1 = (ListView)findViewById(R.id.listView1); 
          
        SimpleCursorAdapter adapter;
        adapter = new SimpleCursorAdapter(MainActivity.this, R.layout.activity_column, myData
        		,new String[] {"MemberID","Name","Tel"}
        		,new int[] {R.id.ColMemberID, R.id.ColName, R.id.ColTel}); 
        
        lisView1.setAdapter(adapter);
        
        // Dialog
        final AlertDialog.Builder viewDetail = new AlertDialog.Builder(this);
        
        // OnClick Item
        lisView1.setOnItemClickListener(new OnItemClickListener() {
		      public void onItemClick(AdapterView<?> myAdapter, View myView, int position, long mylng) {
		    	   
		    	  String sMemberID = myData.getString(myData.getColumnIndex("MemberID"));
		    	  String sName = myData.getString(myData.getColumnIndex("Name"));
		    	  String sTel = myData.getString(myData.getColumnIndex("Tel"));
		    	  viewDetail.setIcon(android.R.drawable.btn_star_big_on);
		    	  viewDetail.setTitle("Member Detail");
		    	  viewDetail.setMessage("MemberID : " + sMemberID + "\n"
						+ "Name : " + sName + "\n"
						+ "Tel : " + sTel);
		    	  viewDetail.setPositiveButton("OK",
						new DialogInterface.OnClickListener() {
							public void onClick(DialogInterface dialog, int which) {
								// TODO Auto-generated method stub
								dialog.dismiss();
							}
						});
		    	  viewDetail.show();
		    	  
		      }     
        });
              
        
	}


}


Screenshot

Android ListView and SQLite Database

เมื่อคลิกที่รายการใน ListViewก็จะแสดง Popup เพื่อแสดงรายละเอียดของรายการนั้น ๆ


Example 2.2 การสร้างเมนู Command เพื่อเลือกรายการใน ListView หลังจากที่คลิก (Long Click - onLongPress) คลิกค้าง 1 วินาที

MainActivity.java
package com.myapp;

import android.os.Bundle;
import android.view.ContextMenu;
import android.view.ContextMenu.ContextMenuInfo;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.ListView;
import android.widget.SimpleCursorAdapter;
import android.widget.Toast;
import android.app.Activity;
import android.database.Cursor;

public class MainActivity extends Activity {

	String[] Cmd = {"Edit","Delete","Hide"};
	Cursor myData;
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		// get Data from SQLite
		final myDBClass myDb = new myDBClass(this);
		myData = myDb.SelectAllData();   
		
        // listView1
        ListView lisView1 = (ListView)findViewById(R.id.listView1); 
          
        SimpleCursorAdapter adapter;
        adapter = new SimpleCursorAdapter(MainActivity.this, R.layout.activity_column, myData
        		,new String[] {"MemberID","Name","Tel"}
        		,new int[] {R.id.ColMemberID, R.id.ColName, R.id.ColTel}); 
        
        lisView1.setAdapter(adapter);
        
        registerForContextMenu(lisView1);
                  
	}

    @Override
    public void onCreateContextMenu(ContextMenu menu, View v,
    		ContextMenuInfo menuInfo) {
		menu.setHeaderIcon(android.R.drawable.btn_star_big_on);	
		menu.setHeaderTitle("Command for : [" + myData.getString(myData.getColumnIndex("Name")) + "]");
		String[] menuItems = Cmd; 
		for (int i = 0; i<menuItems.length; i++) {
			menu.add(Menu.NONE, i, i, menuItems[i]);
		}
    }
    
    @Override
    public boolean onContextItemSelected(MenuItem item) {
	    int menuItemIndex = item.getItemId();
		String[] menuItems = Cmd;
		String CmdName = menuItems[menuItemIndex];
		String MemID = myData.getString(myData.getColumnIndex("MemberID"));
	    
	    // Check Event Command
        if ("Edit".equals(CmdName)) {
          	 Toast.makeText(MainActivity.this,"Edit Command (MemberID = " + MemID + ")",Toast.LENGTH_LONG).show(); 
        } else if ("Delete".equals(CmdName)) {
       	 Toast.makeText(MainActivity.this,"Delete Command (MemberID = " + MemID + ")",Toast.LENGTH_LONG).show(); 
        } else if ("Hide".equals(CmdName)) {
          	 Toast.makeText(MainActivity.this,"Hide Command (MemberID = " + MemID + ")",Toast.LENGTH_LONG).show(); 
        }
        
    	return true;
    }

}


Screenshot

Android ListView and SQLite Database

หลังจากใช้ Long Click หรือ onLongPress แล้วปล่อยก็จะมีเมนูปรากฏเหมือนในตัวอย่าง

Android ListView and SQLite Database

กรณีที่เลือกรายการ Command จาก Menu






   
Share

Property & Method (Others Related)

Android กับ SQLite Database การเขียนแอนดรอยด์เพื่อติดต่อกับฐานข้อมูลของ SQLite
Android Add Insert Data to SQLite Database (Android SQLite)
Android Read Show Data from SQLite Database (Android SQLite)
Android Edit Update Data in SQLite Database (Android SQLite)
Android Delete Rows Data in SQLite Database (Android SQLite)
Android GridView and SQLite Database (Android SQLite)
Android Spinner and SQLite Database (Android SQLite)
Android AutoCompleteTextView and SQLite Database (Android SQLite)

ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท


ลองใช้ค้นหาข้อมูล


   


Bookmark.   
       
  By : ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
  Score Rating :  
  Create/Update Date : 2012-07-17 17:40:05 / 2012-07-21 17:59:45
  Download : No files
 Sponsored Links / Related

 
Android Custom Adapter
Rating :

 
Android People Contact List, Name, Phone No, Photo Picture, Email and Address
Rating :

 
Android Rating (Vote) and ListView Part 1
Rating :

 
Android Rating (Vote) and ListView Part 2 (Member Login and Average Rating)
Rating :

 
Android PhoneGap (jQuery Mobile) Create Convert App from Website(URL)
Rating :

 
Android Capture Image and Camera Capture Screenshot (android.view.SurfaceView)
Rating :

 
Android Pull Down to Refresh And Release to Refresh or Update (Part 1)
Rating :

 
Android Pull Down to Refresh And Release to Update (Part 2 , PHP & MySQL)
Rating :


ThaiCreate.Com Forum


Comunity Forum Free Web Script
Jobs Freelance Free Uploads
Free Web Hosting Free Tools

สอน PHP ผ่าน Youtube ฟรี
สอน Android การเขียนโปรแกรม Android
สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8
สอน iOS การเขียนโปรแกรม iPhone, iPad
สอน Java การเขียนโปรแกรม ภาษา Java
สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI
สอน JSP การเขียนโปรแกรม ภาษา Java
สอน jQuery การเขียนโปรแกรม ภาษา jQuery
สอน .Net การเขียนโปรแกรม ภาษา .Net
Free Tutorial
สอน Google Maps Api
สอน Windows Service
สอน Entity Framework
สอน Android
สอน Java เขียน Java
Java GUI Swing
สอน JSP (Web App)
iOS (iPhone,iPad)
Windows Phone
Windows Azure
Windows Store
Laravel Framework
Yii PHP Framework
สอน jQuery
สอน jQuery กับ Ajax
สอน PHP OOP (Vdo)
Ajax Tutorials
SQL Tutorials
สอน SQL (Part 2)
JavaScript Tutorial
Javascript Tips
VBScript Tutorial
VBScript Validation
Microsoft Access
MySQL Tutorials
-- Stored Procedure
MariaDB Database
SQL Server Tutorial
SQL Server 2005
SQL Server 2008
SQL Server 2012
-- Stored Procedure
Oracle Database
-- Stored Procedure
SVN (Subversion)
แนวทางการทำ SEO
ปรับแต่งเว็บให้โหลดเร็ว


Hit Link
   







Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่