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

Registered : 108,130

HOME > Mobile > Mobile Forum > Android ทำ Scroll ListView Endless Loading ให้เวลาเลื่อนลงมาแล้วค่อยโหลดข้อมูลเพิ่มยังไงครับ [มีภาพตัวอย่าง]



 

Android ทำ Scroll ListView Endless Loading ให้เวลาเลื่อนลงมาแล้วค่อยโหลดข้อมูลเพิ่มยังไงครับ [มีภาพตัวอย่าง]

 



Topic : 090253



โพสกระทู้ ( 55 )
บทความ ( 0 )



สถานะออฟไลน์
Twitter Facebook Blogger



ผมใช้ json ดึงข้อมูลมาโชว์ครับได้แล้วครับ แต่อยากทำแบบเวลาเลื่อน scrollมาข้างล่างแล้วให้มันโหลดข้อมูลมาตามภาพตัวอย่างอ่ะครับ ไม่ทราบว่าต้องใช้ตัวไหนครับ ผมดูในตัวอย่างไม่มี

ตัวอย่าง



Tag : Mobile







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-02-04 08:10:21 By : gravity99 View : 1701 Reply : 5
 

 

No. 1



โพสกระทู้ ( 74,054 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

ลองดูตัวนี้ครับ ที่ผมเคยเขียนไว้



Go to : Android ListView Padding and Pagination






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-04 09:42:29 By : mr.win
 


 

No. 2



โพสกระทู้ ( 74,054 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

ถ้า Scoll ลองดูบทความนี้ครับ

Code (Android-Java)
    public class EndlessScrollListener implements OnScrollListener {

        private int visibleThreshold = 5;
        private int currentPage = 0;
        private int previousTotal = 0;
        private boolean loading = true;

        public EndlessScrollListener() {
        }
        public EndlessScrollListener(int visibleThreshold) {
            this.visibleThreshold = visibleThreshold;
        }

        @Override
        public void onScroll(AbsListView view, int firstVisibleItem,
                int visibleItemCount, int totalItemCount) {
            if (loading) {
                if (totalItemCount > previousTotal) {
                    loading = false;
                    previousTotal = totalItemCount;
                    currentPage++;
                }
            }
            if (!loading && (totalItemCount - visibleItemCount) <= (firstVisibleItem + visibleThreshold)) {
                // I load the next page of gigs using a background task,
                // but you can call any function here.
                new LoadGigsTask().execute(currentPage + 1);
                loading = true;
            }
        }

        @Override
        public void onScrollStateChanged(AbsListView view, int scrollState) {
        }
    }


http://benjii.me/2010/08/endless-scrolling-listview-in-android/

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-04 09:43:00 By : mr.win
 

 

No. 3



โพสกระทู้ ( 55 )
บทความ ( 0 )



สถานะออฟไลน์
Twitter Facebook Blogger

รบกวนช่วยดูโค้ดทีครับ

ผมลองเอามาใส่เพิ่มดู มันก็โหลดนะครับ เวลาเลื่อนscroll ลงมา แต่มันเหมือนโหลดข้อมูลมาใหม่ทั้งหมดเลยครับ


Code (Android-Java)
public class Tab_One extends Activity  {
	private ListView lstView;
	private ImageAdapter imageAdapter;
	public static final int DIALOG_DOWNLOAD_JSON_PROGRESS = 0;
    private ProgressDialog mProgressDialog;
    
    public int currentPage = 1;
    public int displayPerPage = 10;
    public int position_scroll = 0;
    public boolean loading  = false;
    public boolean stoping  = false;
    
    
    ArrayList<HashMap<String, Object>> DataList = new ArrayList<HashMap<String, Object>>();
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_tab1);
		
		//new  DownloadJSONAsync().execute();
		ShowData();
				
	}
	
	public void ShowData()
	{
		// ListView and imageAdapter
		lstView = (ListView) findViewById(R.id.list);
		// lstView.setClipToPadding(false);
		imageAdapter = new ImageAdapter(getApplicationContext()); 
		lstView.setAdapter(imageAdapter);
		
		
	        
		// OnClick Item
		lstView.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?> myAdapter, View myView, int position,long mylng) {
				// TODO Auto-generated method stub
					
				// Open Intent
				Intent newActivity = new Intent(Tab_One.this,Tab_Two.class);
				newActivity.putExtra("n_id",DataList.get(position).get("n_id").toString());
				startActivity(newActivity);
					
			}
		});
		
		// ONSCROLLLISTENER
		lstView.setOnScrollListener(new OnScrollListener() {

		    @Override
		    public void onScrollStateChanged(AbsListView view, int scrollState) {

		    }

		    @Override
		    public void onScroll(AbsListView view, int firstVisibleItem,
		            int visibleItemCount, int totalItemCount) {
		    	
		       int lastInScreen = firstVisibleItem + visibleItemCount;
		      
		        if ((lastInScreen == totalItemCount) && !(loading)) {	
		        	
		        	if (stoping == false) {
		        		// FETCH THE NEXT BATCH OF FEEDS
		        		new DownloadJSONAsync().execute();
		        		loading = true;
		        		position_scroll = totalItemCount - 1;
		        		
		        	}
		        	
		        }
		    	 
		    }
		});
	}
	
	@Override
    protected Dialog onCreateDialog(int id) {
        switch (id) {
        case DIALOG_DOWNLOAD_JSON_PROGRESS:
            mProgressDialog = new ProgressDialog(this);
            mProgressDialog.setMessage("Downloading.....");
            mProgressDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER);
            mProgressDialog.setCancelable(true);
            mProgressDialog.show();
            return mProgressDialog;
        default:
            return null;
        }
    }
	
	
	
	
	 // Download JSON in Background
    public class DownloadJSONAsync extends AsyncTask<Object, Integer, Object> {
    	
    	
    	
        protected void onPreExecute() {
        	super.onPreExecute();
        	showDialog(DIALOG_DOWNLOAD_JSON_PROGRESS);
        }

        @Override
        protected Object doInBackground(Object... params) {
            // TODO Auto-generated method stub
        	
        	// INCREMENT CURRENT PAGE
        	//currentPage += 1;
        	
        	
    		String url = "http://10.0.2.2/project_one/android/get_news_update.php";
    		List<NameValuePair> parameter = new ArrayList<NameValuePair>();
    		parameter.add(new BasicNameValuePair("PerPage", String.valueOf(displayPerPage))); // Display Per  Page
    		parameter.add(new BasicNameValuePair("currentPage", String.valueOf(currentPage)));
    		try {
    			
    			JSONArray data = new JSONArray(getJSONUrl(url,parameter));
    			// if end last page
    			if(data.length() <=0 )
    			{
    				//currentPage = currentPage - 1;
    				
    				loading  = true;
    				
    			}
    			else
    			{
    				
    				displayPerPage += displayPerPage;
    				loading  = false;
    				
    			}
    			
    	        DataList = new ArrayList<HashMap<String, Object>>();
    			HashMap<String, Object> map;
    			
    			
    			for(int i = 0; i < data.length(); i++){
                    JSONObject c = data.getJSONObject(i);
        			map = new HashMap<String, Object>();
        			map.put("n_id", c.getString("n_id"));
        			map.put("n_title", c.getString("n_title"));
        			// Thumbnail Get ImageBitmap To Object
        			map.put("n_pic", (String)c.getString("n_pic"));
        			Bitmap newBitmap = loadBitmap(c.getString("n_pic"));
        			map.put("n_pic", newBitmap);
        			
        			DataList.add(map);
    			}
    			
    			
    			
    			
    		} catch (JSONException e) {
    			// TODO Auto-generated catch block
    			e.printStackTrace();
    		}

        	
    		return null;
        }
        
        
        @Override
        protected void onPostExecute(Object  result) {
        	ShowData();
        	// get listview current position - used to maintain scroll position
        	
            int currentPosition = lstView.getFirstVisiblePosition();
            lstView.setSelection(currentPosition + position_scroll);
            dismissDialog(DIALOG_DOWNLOAD_JSON_PROGRESS);
            removeDialog(DIALOG_DOWNLOAD_JSON_PROGRESS);
        }
        
    }
	
	
    class ImageAdapter extends BaseAdapter 
	{
		private Context context;

	 	public ImageAdapter(Context c) 
	  	{
	    	// TODO Auto-generated method stub
	 		context = c;
	  	}
	 
		public int getCount() {
	    	// TODO Auto-generated method stub
	    	return DataList.size();
	 	}
	 
		public Object getItem(int position) {
			// TODO Auto-generated method stub
			return position;
		}
		public long getItemId(int position) {
			// TODO Auto-generated method stub
			return position;
		}
		public View getView(int position, View convertView, ViewGroup parent) {
			// TODO Auto-generated method stub
			DataHolder holder = null;	
			
			if (convertView == null) {
				LayoutInflater inflater = (LayoutInflater) context
						.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
				convertView = inflater.inflate(R.layout.activity_tab1_rows, null); 
				
				holder = new DataHolder();
				holder.N_TITLE = (TextView) convertView.findViewById(R.id.title);
				holder.N_PIC = (ImageView) convertView.findViewById(R.id.list_image);
				
				convertView.setTag(holder);
			}else{
				
				holder = (DataHolder) convertView.getTag();
			}

			// Image
			holder.N_PIC.getLayoutParams().height = 100;
			holder.N_PIC.getLayoutParams().width = 100;
			holder.N_PIC.setScaleType(ImageView.ScaleType.CENTER_CROP);
			try
			{
				holder.N_PIC.setImageBitmap((Bitmap)DataList.get(position).get("n_pic"));
			} catch (Exception e) {
				// When Error
				holder.N_PIC.setImageResource(android.R.drawable.ic_menu_report_image);
				//Log.e(TAG, "Could not load pic from: " + DataList.get(position).get("n_pic"));
			}
					
			// Title
			//holder.N_TITLE.setPadding(10, 0, 0, 0);
			holder.N_TITLE.setText(DataList.get(position).get("n_title").toString());
			//holder.N_TITLE.setText("ID : " + DataArr.get(position).get("ImageID"));
			
			return convertView;
					
		}

	} 
    public class DataHolder {
    	TextView N_TITLE;
    	ImageView N_PIC;
    }
	
    /*** Get JSON Code from URL ***/
  	public String getJSONUrl(String url,List<NameValuePair> parameter) {
  		StringBuilder str = new StringBuilder();
  		HttpClient client = new DefaultHttpClient();
  		HttpPost httpPost = new HttpPost(url);
  		try {
  			httpPost.setEntity(new UrlEncodedFormEntity(parameter));
  			HttpResponse response = client.execute(httpPost);
  			StatusLine statusLine = response.getStatusLine();
  			int statusCode = statusLine.getStatusCode();
  			if (statusCode == 200) { // Download OK
  				HttpEntity entity = response.getEntity();
  				InputStream content = entity.getContent();
  				BufferedReader reader = new BufferedReader(new InputStreamReader(content));
  				String line;
  				while ((line = reader.readLine()) != null) {
  					str.append(line);
  				}
  			} else {
  				Log.e("Log", "Failed to download file..");
  			}
  		} catch (ClientProtocolException e) {
  			e.printStackTrace();
  		} catch (IOException e) {
  			e.printStackTrace();
  		}
  		return str.toString();
  	}
	
	/***** Get Image Resource from URL (Start) *****/
	private static final String TAG = "ERROR";
	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) *****/
	 
}





ประวัติการแก้ไข
2013-02-05 14:17:25
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-04 19:04:05 By : gravity99
 


 

No. 4



โพสกระทู้ ( 74,054 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

ตอนนี้ผมรับไม่ได้ด้วยซิ ไม่งั้นจะได้ลองช่วยเอามารันดูหน่อยครับ หรือไม่ลองไล่ ๆ ดูครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-05 09:37:57 By : mr.win
 


 

No. 5



โพสกระทู้ ( 55 )
บทความ ( 0 )



สถานะออฟไลน์
Twitter Facebook Blogger

ตอนนี้ พอได้ในระดับนึงแล้วครับ คือลองเอาตัวอย่างจาก Android Split Page Data มาผสมกัน (โค้ดล่าสุดที่ทำ อยู่คอมเม้นก่อนหน้าครับ ผมกดแก้ไขไป )

ผลที่ได้คือ เวลาเลื่อน scroll ลงมาสุดมันจะโหลดเปลี่ยนหน้าครับ แต่ที่อยากได้จริงๆคือไม่ต้องเปลี่ยนหน้า ให้มันโหลดข้อมูลใหม่มา แล้วคงข้อมูลเดิมไว้ อ่ะครับ

เลยอยากขอคำแนะนำหน่อยครับ ว่ามีวิธีไหนบ้างที่จะเก็บข้อมูลเก่าไว้ แล้วไปดึงข้อมูลใหม่มาโชว์เพิ่ม อ่ะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-05 14:39:17 By : gravity99
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : Android ทำ Scroll ListView Endless Loading ให้เวลาเลื่อนลงมาแล้วค่อยโหลดข้อมูลเพิ่มยังไงครับ [มีภาพตัวอย่าง]
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม , รับทำบัญชี , โรงงานผลิตครีม

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