快捷導(dǎo)航

Android實現(xiàn)標(biāo)題上顯示隱藏進度條效果

更新時間：2017年12月26日 14:27:03 作者：光仔December

這篇文章主要為大家詳細介紹了Android實現(xiàn)標(biāo)題上顯示隱藏進度條效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下

一個界面，實現(xiàn)在向頁面添加圖片時，在標(biāo)題上顯示一個水平進度條，當(dāng)圖片載入完畢后，隱藏進度條并顯示圖片

具體實現(xiàn)方法：
res/layout/main.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
 android:layout_width="fill_parent" 
 android:layout_height="fill_parent" 
 android:orientation="horizontal" 
 android:id="@+id/layout1" 
 android:gravity="center"> 
  
</LinearLayout>

MainActivity:

package com.example.test; 
 
 
import android.app.Activity; 
import android.os.AsyncTask; 
import android.os.Bundle; 
import android.view.ViewGroup.LayoutParams; 
import android.view.Window; 
import android.widget.ImageView; 
import android.widget.LinearLayout; 
 
 
public class MainActivity extends Activity{ 
 private int imageId[]=new int[]{R.drawable.img01,R.drawable.img02, 
   R.drawable.img03,R.drawable.img04};//定義并初始化一個保存要顯示圖片id的數(shù)組 
 private LinearLayout layout; 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  requestWindowFeature(Window.FEATURE_PROGRESS);//顯示水平進度條 
  setContentView(R.layout.main); 
  layout=(LinearLayout)findViewById(R.id.layout1); 
  new MyTack().execute(); 
 } 
  
 /* 
  * 創(chuàng)建繼承自AsyncTask的異步類，并重寫onPreExecute()、doInBackground()、onProgressUpdate() 
  * 和onPostExecute方法，實現(xiàn)在向頁面添加圖片時，在標(biāo)題上顯示一個水平進度條，當(dāng)圖片載入完畢后， 
  * 隱藏進度條并顯示圖片 
  * */ 
  
  //功能：創(chuàng)建異步任務(wù)，添加4張圖片 
 class MyTack extends AsyncTask<Void,Integer,LinearLayout>{ 
   
  @Override 
  protected void onPreExecute() { 
   setProgressBarVisibility(true);//執(zhí)行任務(wù)前讓進度條可見 
   super.onPreExecute(); 
  } 
   
  //功能：要執(zhí)行的耗時任務(wù)(此方法異步執(zhí)行) 
  @Override 
  protected LinearLayout doInBackground(Void... params) { 
   LinearLayout layout2=new LinearLayout(MainActivity.this); 
   for (int i = 1; i < 5; i++) { 
    ImageView imageView=new ImageView(MainActivity.this);//創(chuàng)建一個ImageView對象 
    imageView.setLayoutParams(new LayoutParams(245,108)); 
    imageView.setImageResource(imageId[i-1]);//設(shè)置要顯示的圖片 
    layout2.addView(imageView);//將imageView添加到線形布局管理器中 
    try { 
     Thread.sleep(10);//為了更好的觀察到效果，我們讓線程休眠10毫秒 
    } catch (InterruptedException e) { 
     e.printStackTrace(); 
    } 
    publishProgress(i);//觸發(fā)onProgressUpdate(Progress...)方法更新進度 
   } 
   return layout2; 
  } 
   
  //功能：更新進度(此方法在主線程中運行) 
  @Override 
  protected void onProgressUpdate(Integer... values) { 
   setProgress(values[0]*2500);//動態(tài)更新最新進度 
   super.onProgressUpdate(values); 
  } 
  //功能：執(zhí)行任務(wù)后(此方法在主線程中運行) 
  @Override 
  protected void onPostExecute(LinearLayout result) { 
   setProgressBarVisibility(false);//任務(wù)執(zhí)行后隱藏進度條 
   layout.addView(result);//將水平線性布局管理器添加到布局文件中添加的垂直線性布局管理器中 
   super.onPostExecute(result); 
  } 
 
 
 } 
}

運行效果如下：

下圖是加載過程，標(biāo)題欄上方有一個進度條顯示的是加載圖片的進度