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 Pull Down to Refresh And Release to Refresh or Update (Part 1)

Android Pull Down to Refresh And Release to Refresh or Update (Part 1) ถ้าเคยใช้ App บน Android หรือ iPhone จะมี Application หลายตัวที่ใช้เทคนิค Pull down to refresh และ Release to refresh or update โดยเทคนิคนี้เมื่อผู้ใช้กด Pull หรือดึง ListView ลงมาข้างล่างก็จะเป็นการ Update หรือดึงข้อมูลจาก Server มาอีกครั้ง โดยเทคนิคนี้จะใช้บน Twitter หรือ App ของไทยจะเป็น Thairath for iPhone

Android  Pull down to refresh

App Pull down to refresh


สำหรับ Pull down to refresh เป็นสิทธิบัตรของบริษัท Twitter แต่ทาง Twitter ก็ได้ประกาศว่าไม่ได้ห่วงหรือห้าม App อื่น ๆ ใช้เทคนิคนี้แต่อย่างใด เพราะฉะนั้นจะเห็นหลาย ๆ App ก็ได้ใช้เทคนิคนี้ในการที่จะสร้าง Interface ในการ Update เช่นเดียวกัน

ในการใช้ Full down to refresh บน Android และในตัวอย่างนี้จะใช้ Widgets ของ ListView เข้ามาแสดงข้อมูล แต่ถ้าต้องการใช้กับ Widgets อื่น ๆ สามารถหาดาวน์โหลดได้จากตามเว็บไซต์ต่าง ๆ และเท่าที่ได้หาดูแล้วเมื่ออยู่หลายตัว เช่น GridView

สำหรับการสร้าง Pull down to refresh จะมี Library ให้เลือกใช้หลายตัวมาก และสามารถดาวน์โหลดตามเว็บไซต์ต่าง ๆ ได้ แต่ที่ใช้งานง่ายหน่อยน่าจะเป็นของ markupartist ซึ่งสามารถดาวน์โหลดได้จาก



และเมื่อดาวน์โหลดได้แล้วให้แตกไฟล์ zip และจะได้ไฟล์ดังรูป

Android  Pull down to refresh

ซึ่งเราจะใช้จริงคือโฟเดอร์ fulltorefresh ส่วนอีกตัวเป็น Sample Project ที่เรียกใช้ สามารถดูตัวอย่างการใช้งานได้จากโฟเดอร์นี้

Android  Pull down to refresh

จากนั้นกลับมาที่ Project Android ของเรา คลิกควาเลือก -> New -> Project

Android  Pull down to refresh

เลือก Android Project from Existing Code

Android  Pull down to refresh

เลือก Browse

Android  Pull down to refresh

เลือก Project ชื่อว่า fulltorefresh และ Copy ไปยัง Workspace ดังภาพ และเลือก Finish ตามลำดับ

Android  Pull down to refresh

หลังจากนั้น Project จะเข้ามาอยู่ใน List ของ Eclipse








จากนั้นทำการ Include Project นี้เข้ามาใน App ของเราโดยการคลิกวาที่ Project ทีที่ต้องการ

Android  Pull down to refresh

เลือก Properties

Android  Pull down to refresh

ในส่วนของ Android เลือก Add

Android  Pull down to refresh

เลือก Project ที่มีชื่อว่า fulltorefresh

Android  Pull down to refresh

ได้รายการ Project เข้ามาใน Project หลัก จากนั้นให้คลิกที่ OK


ทดสอบการเรียกใช้งาน Full down to refresh ใน Project

Android  Pull down to refresh

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


activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical">

    <com.markupartist.android.widget.PullToRefreshListView
        android:id="@+id/pull_to_refresh_listview"
        android:layout_height="fill_parent"
        android:layout_width="fill_parent"
        
        android:background="@android:color/white"
        android:cacheColorHint="@android:color/white" />

</LinearLayout>

XML Layout สำหรับหน้าแรก

Android  Pull down to refresh

จะมีการเรียกใช้ Library ของ com.markupartist.android.widget.PullToRefreshListView


list_item.xml
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tv"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:textColor="@android:color/black"
    android:textSize="10pt"
    android:padding="5dp"
    android:background="@android:color/white"
    android:singleLine="true" />









MainActivity.java
package com.myapp;

import java.util.ArrayList;

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

import com.markupartist.android.widget.PullToRefreshListView;
import com.markupartist.android.widget.PullToRefreshListView.OnRefreshListener;

public class MainActivity extends Activity {
    
	private static ArrayList<String> items;
	static{
		items = new ArrayList<String>();
		
		items.add("Ajax Amsterdam");
		items.add("Barcelona");
		items.add("Manchester United");
		items.add("Chelsea");
		items.add("Real Madrid");
		items.add("Bayern Munchen");
		items.add("Internationale");
		items.add("Valencia");
		items.add("Arsenal");
		items.add("AS Roma");
		items.add("Tottenham Hotspur");
		items.add("PSV");
		items.add("Olympique Lyon");
		items.add("AC Milan");
		items.add("Dortmund");
		items.add("Schalke 04");
		items.add("Twente");
		items.add("Porto");
		items.add("Juventus");
	}
	
	private PullToRefreshListView listView;
	
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        listView = (PullToRefreshListView) findViewById(R.id.pull_to_refresh_listview);
        

        listView.setOnRefreshListener(new OnRefreshListener() {
			
			public void onRefresh() {

				listView.postDelayed(new Runnable() {
					
					public void run() {
						listView.onRefreshComplete();
					}
				}, 2000);
			}
		});
        
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, R.layout.list_item, items);
        listView.setAdapter(adapter);
    }
}

ไฟล์ Code ของ Java ที่จะใช้งาน Full to refresh โดยมีการใช้ ListView

Android  Pull down to refresh

ในการรัน Project หรือ Build จะต้องเลือก Build All เพราะตอนนี้จะเรียกใช้งาน 2 Project พร้อมกัน

Screenshot ทดสอบบน Emulator

Android  Pull down to refresh

แสดงหน้าจอแรกของ Application



Android  Pull down to refresh

เมื่อดึง หรือ Pull ListView เลื่อนมาข้างล่าง จะแสดงข้อความว่า Pull to refresh

Android  Pull down to refresh

และ Release to refresh.. ปล่อยเมื่อต้องการ Update ข้อมูล

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

สำหรับตัวอย่างนี้เป็นตัวอย่างง่าย ๆ ส่วนวิธีการใช้งานจริงกับ Web Server เช่นอ่านข้อมูล PHP กับ MySQL ที่อยู่บนเว็บ สามารถอ่านได้จากตัวอย่างนี้ Part 2

Android Pull down to refresh And Release to refresh or update (Part 2 , PHP & MySQL)



.

   
Share


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


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


   


Bookmark.   
       
  By : ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
  Score Rating :  
  Create/Update Date : 2012-09-08 12:41:48 / 2017-03-26 22:34:23
  Download : Download  Android  Pull Down to Refresh And Release to Refresh or Update (Part 1)
 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 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 01
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 อัตราราคา คลิกที่นี่