如何在数据加载列表视图之前在具有列表视图的活动中显示进度条(圆圈)

我有一个ListView在我的第二activity.OnItemClick它,我叫一个web服务,并试图获取数据。 之后,我正在移动到第三个活动,这也有一个ListView有以前的活动ListView项目的描述。

我想在填充这个ListView之前显示一个进度对话框。

我不明白如何在ListView上做到这一点? 有人知道该怎么做吗?

我的代码 –

ThirdActivity.java

  package com.google.iprotect; import java.io.IOException; import java.util.ArrayList; import java.util.HashMap; import java.util.Map; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject; import org.xmlpull.v1.XmlPullParserException; import com.google.iprotect.layout.TitleBarLayout; import android.app.Activity; import android.app.ListActivity; import android.app.ProgressDialog; import android.content.Intent; import android.content.res.ColorStateList; import android.content.res.XmlResourceParser; import android.os.AsyncTask; import android.os.Bundle; import android.util.Log; import android.view.View; import android.view.View.OnClickListener; import android.widget.AdapterView; import android.widget.LinearLayout; import android.widget.ListView; import android.widget.ProgressBar; import android.widget.AdapterView.OnItemClickListener; import android.widget.TextView; public class ThirdActivity extends ListActivity implements OnItemClickListener{ JSONArray jArray1,jArray2; String one,two,three,tablename; String color,r; JSONObject responseJSON; TitleBarLayout titlebarLayout; final ArrayList<Tables> arraylist = new ArrayList<Tables>(); TextView tableName; ColorStateList colorStateList1; String email1,password1; protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); setContentView(R.layout.thirdactivity); ListView lv=getListView(); lv.setOnItemClickListener(this); tablename=getIntent().getExtras().getString("Table Name"); email1 = getIntent().getExtras().getString("email"); password1 =getIntent().getExtras().getString("password"); titlebarLayout = new TitleBarLayout(ThirdActivity.this); titlebarLayout.setLeftButtonText("go Back"); titlebarLayout.setRightButtonText("Logout"); titlebarLayout.setTitle(tablename); titlebarLayout.setLeftButtonSize(70,40); titlebarLayout.setRightButtonSize(70,40); //titlebarLayout.setLeftButtonLeftDrawable(R.drawable.refresh); //titlebarLayout.setRightButtonLeftDrawable(R.drawable.buttonrefresh); //titlebarLayout.setLeftButtonBackgroundColor(Color.rgb(255,255,255)); //titlebarLayout.setRightButtonBackgroundColor(Color.rgb(34,49,64)); //titlebarLayout.setLeftButtonTextColor(Color.rgb(255,255,255)); //titlebarLayout.setRightButtonTextColor(Color.rgb(255,255,0)); XmlResourceParser parser1 =getResources().getXml(R.color.colorstatelist); try { colorStateList1 = ColorStateList.createFromXml(getResources(), parser1); titlebarLayout.setRightButtonTextColor(colorStateList1); } catch (XmlPullParserException e) { e.printStackTrace(); } catch (IOException e) { e.printStackTrace(); } OnClickListener listener = new OnClickListener() { public void onClick(View v) { // TODO Auto-generated method stub if (v.getId() == R.id.left_button) { Intent intent = new Intent(ThirdActivity.this,SecondActivity.class); intent.putExtra("email", email1); intent.putExtra("password", password1); startActivity(intent); finish(); } else if (v.getId() == R.id.right_button) { Intent intent = new Intent(ThirdActivity.this, MainActivity.class); //intent.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); intent.setFlags( Intent.FLAG_ACTIVITY_CLEAR_TASK | Intent.FLAG_ACTIVITY_NEW_TASK); ThirdActivity.this.startActivity(intent); } } }; titlebarLayout.setLeftButtonOnClickListener(listener); titlebarLayout.setRightButtonOnClickListener(listener); updateTableList(); } private void updateTableList() { // TODO Auto-generated method stub //final ProgressDialog pd1=ProgressDialog.show(this, "Calling Webservice", "Waiting...", true, false); final ProgressBar pbHeaderProgress = (ProgressBar) findViewById(R.id.pbHeaderProgress); new AsyncTask<Void, Void, Void>() { protected void onPreExecute() { // TODO Auto-generated method stub super.onPreExecute(); pbHeaderProgress.setVisibility(View.VISIBLE); } protected Void doInBackground(Void... params) { r = invokeWebService1(tablename); //pd1.dismiss(); try { responseJSON = new JSONObject(r); //json reading jArray1 = responseJSON.getJSONArray("FirstThree");//get JSONArray jArray1 from JSONObject with name FirstThree jArray2 = responseJSON.getJSONArray("Color");//get JSONArray jArray2 from JSONOobject with name Color JSONObject json_data1 = null; JSONObject json_data2 = null; for (int i = 0; i < jArray1.length(); i++) { json_data1 = jArray1.getJSONObject(i);//get JSONObject json_data1 from JSONArray at index i; one = json_data1.getString("One");//get value from JSONObject json_data1 with key "One" two = json_data1.getString("Two"); three = json_data1.getString("Three"); json_data2 = jArray2.getJSONObject(i); color = json_data2.getString("color");//get value from JSONObject json_data2 with key "color" Tables tables = new Tables(); //set value to Tables Class tables.column1 = one; tables.column2 = two; tables.column3 = three; tables.tableName=tablename; tables.color=color; //add Tables object into ArrayList<Tables> arraylist.add(tables); Log.i("ONE", json_data1.getString("One")); Log.i("TWO", json_data1.getString("Two")); Log.i("THREE", json_data1.getString("Three")); Log.i("color",""+ json_data2.getString("color")); } } catch (JSONException e) { // TODO Auto-generated catch block e.printStackTrace(); } return null; } protected void onPostExecute(Void result) { pbHeaderProgress.setVisibility(View.GONE); //Custom Adapter for ListView TableDetailAdapter adaptor = new TableDetailAdapter(ThirdActivity.this, R.layout.table_data_list_item, arraylist); setListAdapter(adaptor); } }.execute(); } protected String invokeWebService1(String tablename2) { // TODO Auto-generated method stub String response = ""; try { WebService webService = new WebService( "http://sphinx-solution.com/iProtect/api.php?"); // Pass the parameters if needed Map<String, String> params = new HashMap<String, String>(); params.put("action", "getTableRecords"); params.put("tablename", tablename2); params.put("email", email1); params.put("password", password1); // Get JSON response from server the "" are where the method name // would normally go if needed example response = webService.WebGet("auth", params); } catch (Exception e) { Log.d("Error: ", e.getMessage()); } return response; } public void onItemClick(AdapterView<?> arg0, View arg1, int position, long arg3) { // TODO Auto-generated method stub Log.v("", "Click ListItem Number "+position); Intent intent = new Intent(ThirdActivity.this,FourthActivity.class); intent.putExtra("Json", responseJSON.toString());//sending json Object as a string to next activity intent.putExtra("Table Name", tablename); intent.putExtra("email", email1); intent.putExtra("password", password1); intent.putExtra("Item No", position); startActivity(intent); } } 

thirdactivity.xml

 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/linlaHeaderProgress" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".ThirdActivity" > <include android:id="@+id/titlebar" layout="@layout/titlebar_layout" /> <ProgressBar android:id="@+id/pbHeaderProgress" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_weight="2" > </ProgressBar> <ListView android:id="@android:id/list" android:layout_width="match_parent" android:layout_height="260dp" android:layout_weight="5.04"> </ListView> <LinearLayout android:layout_width="fill_parent" android:layout_height="@dimen/titlebar_height" android:layout_alignParentBottom="true" android:background="@color/footer_bg_color" android:gravity="bottom" android:orientation="horizontal" > <include android:id="@+id/footer" android:layout_height="@dimen/titlebar_height" android:layout_gravity="bottom|center_horizontal" layout="@layout/footer_layout" /> </LinearLayout> </LinearLayout> 

加载activity有几种显示进度条(圆圈)的方法。 你的情况,其中一个与ListView中。

在行动吧

如果你使用的是一个ActionBar ,你可以像这样调用ProgressBar (这可以在你的onCreate()

 requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS); setProgressBarIndeterminateVisibility(true); 

当你完成显示列表后,隐藏它。

 setProgressBarIndeterminateVisibility(false); 

在布局(XML)

 <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1" android:orientation="vertical" > <LinearLayout android:id="@+id/linlaHeaderProgress" android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="center" android:orientation="vertical" android:visibility="gone" > <ProgressBar android:id="@+id/pbHeaderProgress" android:style="@style/Spinner" android:layout_width="wrap_content" android:layout_height="wrap_content" > </ProgressBar> </LinearLayout> <ListView android:id="@+id/list" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1" android:cacheColorHint="@android:color/transparent" android:divider="#00000000" android:dividerHeight="0dp" android:fadingEdge="none" android:persistentDrawingCache="scrolling" android:smoothScrollbar="false" > </ListView> </LinearLayout> 

而在你的活动(Java)中,我使用AsyncTask为我的列表获取数据。 所以,在AsyncTask的onPreExecute()我使用这样的东西:

 // CAST THE LINEARLAYOUT HOLDING THE MAIN PROGRESS (SPINNER) LinearLayout linlaHeaderProgress = (LinearLayout) findViewById(R.id.linlaHeaderProgress); @Override protected void onPreExecute() { // SHOW THE SPINNER WHILE LOADING FEEDS linlaHeaderProgress.setVisibility(View.VISIBLE); } 

并在onPostExecute() ,将适配器设置为ListView

 @Override protected void onPostExecute(Void result) { // SET THE ADAPTER TO THE LISTVIEW lv.setAdapter(adapter); // CHANGE THE LOADINGMORE STATUS TO PERMIT FETCHING MORE DATA loadingMore = false; // HIDE THE SPINNER AFTER LOADING FEEDS linlaHeaderProgress.setVisibility(View.GONE); } 

编辑:这是它在加载几个ListViews之一时,在我的应用程序中看起来

在这里输入图像描述

你可以做到这一点更容易。
来源: http : //www.tutorialspoint.com/android/android_loading_spinner.htm
它帮助了我。

布局:

 <ProgressBar android:id="@+id/progressBar1" style="?android:attr/progressBarStyleLarge" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" /> 

在xml中定义它之后,您必须通过ProgressBar类在java文件中获取其引用。 其语法如下:

 private ProgressBar spinner; spinner = (ProgressBar)findViewById(R.id.progressBar1); 

之后,您可以使其消失,并在需要时通过setVisibility方法将其还原。 其语法如下:

 spinner.setVisibility(View.GONE); spinner.setVisibility(View.VISIBLE); 

我用这个列表视图加载可能有帮助。

activity_main.xml中

 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:paddingLeft="5dp" android:paddingRight="5dp" > <LinearLayout android:id="@+id/progressbar_view" android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" android:orientation="vertical" > <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" android:orientation="horizontal" > <ProgressBar style="?android:attr/progressBarStyle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical|center_horizontal" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical|center_horizontal" android:text="Loading data..." /> </LinearLayout> <View android:layout_width="fill_parent" android:layout_height="1dp" android:background="#C0C0C0" /> </LinearLayout> <ListView android:id="@+id/listView" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_marginTop="1dip" android:visibility="gone" /> </RelativeLayout> 

和我的MainActivity类是,

 public class MainActivity extends Activity { ListView listView; LinearLayout layout; List<String> stringValues; ArrayAdapter<String> adapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); listView = (ListView) findViewById(R.id.listView); layout = (LinearLayout) findViewById(R.id.progressbar_view); stringValues = new ArrayList<String>(); adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, stringValues); listView.setAdapter(adapter); new Task().execute(); } class Task extends AsyncTask<String, Integer, Boolean> { @Override protected void onPreExecute() { layout.setVisibility(View.VISIBLE); listView.setVisibility(View.GONE); super.onPreExecute(); } @Override protected void onPostExecute(Boolean result) { layout.setVisibility(View.GONE); listView.setVisibility(View.VISIBLE); adapter.notifyDataSetChanged(); super.onPostExecute(result); } @Override protected Boolean doInBackground(String... params) { stringValues.add("String 1"); stringValues.add("String 2"); stringValues.add("String 3"); stringValues.add("String 4"); stringValues.add("String 5"); try { Thread.sleep(3000); } catch (Exception e) { e.printStackTrace(); } return null; } } } 

这个活动显示3秒的进度,然后它将显示列表视图,而不是静态添加数据到stringValues列表,你可以从服务器在doInBackground()中获取数据并显示它。

你在扩展ListActivity吗?

如果是这样,在你的xml中放入一个循环的进度对话框

 <ProgressBar android:id="@android:id/empty" ...other stuff... /> 

现在,进度指示器将显示,直到你有所有的列表视图信息,并设置适配器。 在这一点上,它将返回到列表视图,进度条将消失。

请使用tutorialspoint.com上的示例。 整个实现只需要几行代码而不需要改变你的xml文件。 希望这可以帮助。

第1步:导入库

 import android.app.ProgressDialog; 

第2步:声明ProgressDialog全局variables

 ProgressDialog loading = null; 

步骤3:启动新的ProgressDialog并使用以下属性(请注意,此示例仅涵盖没有实时进度状态的基本圆形加载栏)。

 loading = new ProgressDialog(v.getContext()); loading.setCancelable(true); loading.setMessage(Constant.Message.AuthenticatingUser); loading.setProgressStyle(ProgressDialog.STYLE_SPINNER); 

第4步:如果您使用的是AsyncTasks,您可以在onPreExecute方法中开始显示对话框。 否则,只需将代码放在buttononClick事件的开始处。

 loading.show(); 

第5步:如果您使用的是AsyncTasks,可以通过将代码置于onPostExecute方法来closures进度对话框。 否则,只需在closuresonClick事件之前放置代码即可。

 loading.dismiss(); 

使用我的Nexus 5 android v4.0.3进行testing。 祝你好运!

 ProgressDialog dialog = ProgressDialog.show(Example.this, "", "Loading...", true); 

您可以将ProgressBar添加到列表视图页脚:

 private ListView listview; private ProgressBar progressBar; 

 progressBar = (ProgressBar) LayoutInflater.from(this).inflate(R.layout.progress_bar, null); listview.addFooterView(progressBar); 

布局/ progress_bar.xml

 <?xml version="1.0" encoding="utf-8"?> <ProgressBar xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/load_progress" android:layout_width="wrap_content" android:layout_height="wrap_content" android:indeterminate="true" /> 

当数据加载到适配器视图调用时:

  listview.removeFooterView(progressBar); 

在drawable中创build一个xml文件,并在<color name="silverGrey">#C0C0C0</color>添加<color name="silverGrey">#C0C0C0</color>

 <?xml version="1.0" encoding="utf-8"?> <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:fromDegrees="0" android:pivotX="50%" android:pivotY="50%" android:toDegrees="720" > <shape android:innerRadiusRatio="3" android:shape="ring" android:thicknessRatio="6" android:useLevel="false" > <size android:height="200dip" android:width="300dip" /> <gradient android:angle="0" android:endColor="@color/silverGrey" android:startColor="@android:color/transparent" android:type="sweep" android:useLevel="false" /> </shape> </rotate> 

现在在你的xml文件你有listView添加这个代码:

  <ListView android:id="@+id/list_form_statusMain" android:layout_width="match_parent" android:layout_height="wrap_content"> </ListView> <ProgressBar android:id="@+id/progressBar" style="@style/CustomAlertDialogStyle" android:layout_width="60dp" android:layout_height="60dp" android:layout_centerInParent="true" android:layout_gravity="center_horizontal" android:indeterminate="true" android:indeterminateDrawable="@drawable/circularprogress" android:visibility="gone" android:layout_centerHorizontal="true" android:layout_centerVertical="true"/> 

在AsyncTask中的方法:

 @Override protected void onPreExecute() { progressbar_view.setVisibility(View.VISIBLE); // your code } 

并在onPostExecute:

 @Override protected void onPostExecute(String s) { progressbar_view.setVisibility(View.GONE); //your code } 

我build议你使用ListView或recyclerview来使用SwipeRefreshLayout 。 喜欢这个

  <android.support.v4.widget.SwipeRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/swiperefresh" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.v7.widget.RecyclerView android:id="@+id/card_recycler_view" android:scrollbars="vertical" android:layout_width="match_parent" android:layout_height="match_parent"/> </android.support.v4.widget.SwipeRefreshLayout> 

只包装你的视图,这将创build一个刷新时的animation加载数据或通过在许多应用程序可以做的屏幕下滑。
以下是如何使用它的文档:
https://developer.android.com/training/swipe/add-swipe-in​​terface.html https://developer.android.com/training/swipe/respond-refresh-request.html

快乐的编码!

我正在使用这个:

 loading = ProgressDialog.show(example.this,"",null, true, true);