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 XML Parsing and XML Rss Feed

Android XML Parsing and XML Rss Feed บทความการเขียน Android อ่านข้อมูลที่อยู่ในรูปแบบ XML จาก Server โดยใช้การ Parsing และ Feed ข้อมูลของ XML แสดงผลใน ListView

โดยในตัวอย่างนี้จะใช้ PHP อ่านข้อมูลจาก MySQL Database และใช้การแปลงข้อมูลที่ได้ให้อยู่ในรูปแบบของ XML และจากนั้นจะส่ง XML กลับมายัง Client ของ Android หลังจากที่ Android ได้รับข้อมูลจกา XML ก็จะใช้ class และ function ในการแปลงข้อมูลเหล่านั้นให้อยู่ในรูปแบบของ ArrayList และแสดงผลบน ListView

Android XML Parsing and XML Rss Feed

รูปอธิบายการทำงานคร่าว ๆ การ Request ไปยัง Server และการรับค่า XML


AndroidManifest.xml
<uses-permission android:name="android.permission.INTERNET" />

ในการเขียน Android เพื่อติดต่อกับ Internet จะต้องกำหนด Permission ในส่วนนี้ด้วยทุกครั้ง

Web Server (PHP and MySQL)

MySQL Database
CREATE TABLE `images` (
  `ImageID` int(2) NOT NULL auto_increment,
  `ItemID` varchar(50) NOT NULL,
  `ImagePath` varchar(50) NOT NULL,
  `Link` varchar(150) NOT NULL,
  PRIMARY KEY  (`ImageID`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=31 ;

-- 
-- Dumping data for table `images`
-- 

INSERT INTO `images` VALUES (1, 'Item 01', 'https://www.thaicreate.com/android/images/img01.gif', 'https://www.thaicreate.com/page-1.html');
INSERT INTO `images` VALUES (2, 'Item 02', 'https://www.thaicreate.com/android/images/img02.gif', 'https://www.thaicreate.com/page-2.html');
INSERT INTO `images` VALUES (3, 'Item 03', 'https://www.thaicreate.com/android/images/img03.gif', 'https://www.thaicreate.com/page-3.html');
INSERT INTO `images` VALUES (4, 'Item 04', 'https://www.thaicreate.com/android/images/img04.gif', 'https://www.thaicreate.com/page-4.html');
INSERT INTO `images` VALUES (5, 'Item 05', 'https://www.thaicreate.com/android/images/img05.gif', 'https://www.thaicreate.com/page-5.html');
INSERT INTO `images` VALUES (6, 'Item 06', 'https://www.thaicreate.com/android/images/img06.gif', 'https://www.thaicreate.com/page-6.html');
INSERT INTO `images` VALUES (7, 'Item 07', 'https://www.thaicreate.com/android/images/img07.gif', 'https://www.thaicreate.com/page-7.html');
INSERT INTO `images` VALUES (8, 'Item 08', 'https://www.thaicreate.com/android/images/img08.gif', 'https://www.thaicreate.com/page-8.html');
INSERT INTO `images` VALUES (9, 'Item 09', 'https://www.thaicreate.com/android/images/img09.gif', 'https://www.thaicreate.com/page-9.html');
INSERT INTO `images` VALUES (10, 'Item 10', 'https://www.thaicreate.com/android/images/img10.gif', 'https://www.thaicreate.com/page-10.html');


createXML.php
<?php
header("Content-type:text/xml; charset=UTF-8");              
header("Cache-Control: no-store, no-cache, must-revalidate");             
header("Cache-Control: post-check=0, pre-check=0", false);   
echo '<?xml version="1.0" encoding="utf-8"?>';

$objConnect = mysql_connect("localhost","root","root");
$objDB = mysql_select_db("mydatabase");
$strSQL = "SELECT * FROM images WHERE 1  ";
$objQuery = mysql_query($strSQL);
?>
<images>
	<?php
	while($obResult = mysql_fetch_array($objQuery))
	{
	?>
		<item>
			<ImageID><?php echo $obResult["ImageID"];?></ImageID>
			<ItemID><?php echo $obResult["ItemID"];?></ItemID>
			<ImagePath><?php echo $obResult["ImagePath"];?></ImagePath>
			<Link><?php echo $obResult["Link"];?></Link>
		</item>
	<?php
	}
	?>
</images>
<?php
	mysql_close($objConnect);
?>

จาก Code ของ PHP เมื่อเรียกผ่าน URL จะได้ XML ดังนี้

XML Result
<images>
<item>
	<ImageID>1</ImageID>
	<ItemID>Item 01</ItemID>
	<ImagePath>https://www.thaicreate.com/android/images/img01.gif</ImagePath>
	<Link>https://www.thaicreate.com/page-1.html</Link>
</item>

<item>
	<ImageID>2</ImageID>
	<ItemID>Item 02</ItemID>
	<ImagePath>https://www.thaicreate.com/android/images/img02.gif</ImagePath>
	<Link>https://www.thaicreate.com/page-2.html</Link>
</item>

<item>
	<ImageID>3</ImageID>
	<ItemID>Item 03</ItemID>
	<ImagePath>https://www.thaicreate.com/android/images/img03.gif</ImagePath>
	<Link>https://www.thaicreate.com/page-3.html</Link>
</item>
<images>









Android Project

โครงสร้างของไฟล์ประกอบด้วย 3 ไฟล์คือ MainActivity.java, activity_main.xml และ activity_column.xml

Android XML Parsing and XML Rss Feed

activity_main.xml
<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" >
     
     <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="Android XML : "
        android:layout_span="1" />
            
 	</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>



Android XML Parsing and XML Rss Feed

activity_column.xml
<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:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <ImageView
            android:id="@+id/ColImagePath"
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
            />
        
        <TextView
            android:id="@+id/ColImageID"
            android:text="Column 1" />

        <TextView
            android:id="@+id/ColItemID"
            android:text="Column 2" />
        
    </TableRow>

</TableLayout>









MainActivity.java
package com.myapp;

import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.ByteArrayOutputStream;
import java.io.Closeable;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.net.MalformedURLException;
import java.net.URL;
import java.util.ArrayList;
import java.util.HashMap;

import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;
import javax.xml.parsers.ParserConfigurationException;

import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.AsyncTask;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;

import org.w3c.dom.Document;
import org.w3c.dom.Node;
import org.w3c.dom.NodeList;
import org.xml.sax.InputSource;
import org.xml.sax.SAXException;



public class MainActivity extends Activity  {
    
    private ListView lstView;
    private ImageAdapter imageAdapter;
    
    
    ArrayList<HashMap<String, Object>> MyArrList = new ArrayList<HashMap<String, Object>>();

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);        
        // ProgressBar
        requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);
        
        setContentView(R.layout.activity_main);

        // ListView and imageAdapter
    	lstView = (ListView) findViewById(R.id.listView1);
    	lstView.setClipToPadding(false);
        imageAdapter = new ImageAdapter(getApplicationContext()); 
        lstView.setAdapter(imageAdapter);
        
        
        setProgressBarIndeterminateVisibility(true); 
        new LoadContentFromServer().execute();

    }
    

    class LoadContentFromServer extends AsyncTask<Object, Integer, Object> {
        
		@Override
        protected Object doInBackground(Object... params) {
        	
        	String strXMLURL = "https://www.thaicreate.com/android/createXML.php";
        	 
        	URL url;
			try {
				url = new URL(strXMLURL);
				DocumentBuilderFactory dbf = DocumentBuilderFactory.newInstance();
				DocumentBuilder db = dbf.newDocumentBuilder();
				Document doc = db.parse(new InputSource(url.openStream()));
				doc.getDocumentElement().normalize();
				
				NodeList nodeList = doc.getElementsByTagName("item");
		        
		    	MyArrList = new ArrayList<HashMap<String, Object>>();
				HashMap<String, Object> map;
				
				Log.d("nodeList.getLength",String.valueOf(nodeList.getLength()));
				for(int i = 0; i < nodeList.getLength(); i++){

	    			map = new HashMap<String, Object>();
	    			
					Node item = nodeList.item(i);
					NodeList nodeItem = item.getChildNodes();
					
					Node ImageID = nodeItem.item(0); // ImageID
					Node ItemID = nodeItem.item(1); // ItemID
					Node ImagePath = nodeItem.item(2); // ImagePath
					Node Link = nodeItem.item(3); // Link
					

	    			map.put("ImageID", ImageID.getNodeValue());
	    			map.put("ItemID", ItemID.getNodeValue());
	    			
	    			// Thumbnail Get ImageBitmap To Object
	    			map.put("ImagePath", ImagePath.getNodeValue());
	    			Bitmap newBitmap = loadBitmap(ImagePath.getNodeValue());
	    			map.put("ImagePathBitmap", newBitmap);
	    			
	    			map.put("Link", Link.getNodeValue());

	    			MyArrList.add(map);
	    			
	    			publishProgress(i);
	
	    				
				}
				
			} catch (MalformedURLException e1) {
				// TODO Auto-generated catch block
				e1.printStackTrace();
			} catch (ParserConfigurationException e1) {
				// TODO Auto-generated catch block
				e1.printStackTrace();
			} catch (SAXException e1) {
				// TODO Auto-generated catch block
				e1.printStackTrace();
			} catch (IOException e1) {
				// TODO Auto-generated catch block
				e1.printStackTrace();
			}
	
            return null;
        }

        @Override
        public void onProgressUpdate(Integer... progress) {
        	imageAdapter.notifyDataSetChanged();
        }
        
        @Override
        protected void onPostExecute(Object result) {
            setProgressBarIndeterminateVisibility(false); // When Finish
        }
    }	
  	
	 
    class ImageAdapter extends BaseAdapter {

        private Context mContext; 

        public ImageAdapter(Context context) { 
            mContext = context; 
        } 

        public int getCount() { 
            return MyArrList.size();    
        } 

        public Object getItem(int position) { 
            return MyArrList.get(position); 
        } 

        public long getItemId(int position) { 
            return position; 
        } 

		public View getView(int position, View convertView, ViewGroup parent) {
			// TODO Auto-generated method stub
			
			LayoutInflater inflater = (LayoutInflater) mContext
					.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
		 
			 
			if (convertView == null) {
				convertView = inflater.inflate(R.layout.activity_column, null); 
			}
			
			// ColImagePath
			ImageView imageView = (ImageView) convertView.findViewById(R.id.ColImagePath);
			imageView.getLayoutParams().height = 60;
			imageView.getLayoutParams().width = 60;
			imageView.setPadding(5, 5, 5, 5);
			imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
        	 try
        	 {
        		 imageView.setImageBitmap((Bitmap)MyArrList.get(position).get("ImagePathBitmap"));
        	 } catch (Exception e) {
        		 // When Error
        		 imageView.setImageResource(android.R.drawable.ic_menu_report_image);
        	 }
        	
			// ColImageID
			TextView txtImgID = (TextView) convertView.findViewById(R.id.ColImageID);
			txtImgID.setPadding(10, 0, 0, 0);
			txtImgID.setText("ID : " + MyArrList.get(position).get("ImageID").toString());
			
			// ColItemID
			TextView txtItemID = (TextView) convertView.findViewById(R.id.ColItemID);
			txtItemID.setPadding(50, 0, 0, 0);
			txtItemID.setText("Item : " + MyArrList.get(position).get("ItemID").toString());	
		 
			return convertView;
				
		}
        
    }

  	/***** Get Image Resource from URL (Start) *****/
	private static final String TAG = "Image";
	private static final int IO_BUFFER_SIZE = 4 * 1024;
	public static Bitmap loadBitmap(String url) {
	    Bitmap bitmap = null;
	    InputStream in = null;
	    BufferedOutputStream out = null;

	    try {
	        in = new BufferedInputStream(new URL(url).openStream(), IO_BUFFER_SIZE);

	        final ByteArrayOutputStream dataStream = new ByteArrayOutputStream();
	        out = new BufferedOutputStream(dataStream, IO_BUFFER_SIZE);
	        copy(in, out);
	        out.flush();

	        final byte[] data = dataStream.toByteArray();
	        BitmapFactory.Options options = new BitmapFactory.Options();
	        //options.inSampleSize = 1;

	        bitmap = BitmapFactory.decodeByteArray(data, 0, data.length,options);
	    } catch (IOException e) {
	        Log.e(TAG, "Could not load Bitmap from: " + url);
	    } finally {
	        closeStream(in);
	        closeStream(out);
	    }

	    return bitmap;
	}

	 private static void closeStream(Closeable stream) {
	        if (stream != null) {
	            try {
	                stream.close();
	            } catch (IOException e) {
	                android.util.Log.e(TAG, "Could not close stream", e);
	            }
	        }
	    }
	 
	 private static void copy(InputStream in, OutputStream out) throws IOException {
        byte[] b = new byte[IO_BUFFER_SIZE];
        int read;
        while ((read = in.read(b)) != -1) {
            out.write(b, 0, read);
        }
    }
	/***** Get Image Resource from URL (End) *****/

}


จาก Code หลังจากที่แสดงบน ListView สามารถสร้าง Link เพื่อ Intent ไปยังเว็บไซต์ต้นทางได้ โดยการใช้ Web View หรือ Intent ไปยัง Web Browser



String url = "http://www.example.com";
Intent i = new Intent(Intent.ACTION_VIEW);
i.setData(Uri.parse(url));
startActivity(i);

การ Intent ไปยัง Web Browser

Screenshot

Android XML Parsing and XML Rss Feed

แสดง XML Parsing ที่ได้จาก Web Server โดยแาดงรายการบน ListView

สามารถดาวน์โหลด Code ทั้งหมดได้จากส่วนล่างของบทความ

   
Share


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


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


   


Bookmark.   
       
  By : ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
  Score Rating :  
  Create/Update Date : 2012-08-26 08:57:36 / 2017-03-26 22:41:25
  Download : Download  Android XML Parsing and XML Rss Feed
 Sponsored Links / Related

 
Android and JSON
Rating :

 
Android and JSON (GSON)
Rating :

 
Android and Web Server ของ PHP กับ MySQL แสดงบน ListView ในรูปแบบของ JSON
Rating :

 
Android JSON Retrieving Data from URL Web Server (PHP MySQL and JSON)
Rating :

 
Android Loading JSON and ProgressBar/ProgressDialog
Rating :

 
Android Web Service and JSON Parser
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
ปรับแต่งเว็บให้โหลดเร็ว


สุดยอด Source Code V2.0
 

แจ้งชำระเงิน/โอนเงิน
 

Hit Link
   







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