【Android】Androidアプリでのインジケーター表示

アプリを作成しているとデータの取得や更新などに時間がかかる場合インジケーターを表示するかと思います。
このインジケーターを表示するのは、ほぼ同じコードを使うことと、UIスレッドで動作をさせる為にページごとにコードを活用する必要があります。

これだとコード量が多くなる為、面倒です。。。

そこで、自分はアプリごとに簡単に実装するためのメソッドを用意して実装しています。

そのコードを紹介しようかと思います。

Activityのレイアウトxml

<View
    android:id="@+id/maskView"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true" />

<LinearLayout
    android:id="@+id/linearLayout1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:orientation="vertical" >

    <!-- TextViewは処理の状態を表示する -->
    <TextView
        android:id="@+id/tvExec"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical|center_horizontal"
        android:gravity="center"
        android:text="処理中"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <ProgressBar
        android:id="@+id/progressBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical|center_horizontal"
        android:gravity="center" />
</LinearLayout>

<View

android:id="@+id/maskView"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:layout_centerHorizontal="true"

android:layout_centerVertical="true" />

<LinearLayout

android:id="@+id/linearLayout1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerHorizontal="true"

android:layout_centerVertical="true"

android:orientation="vertical" >

<TextView

android:id="@+id/tvExec"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical|center_horizontal"

android:gravity="center"

android:text="処理中"

android:textAppearance="?android:attr/textAppearanceLarge" />

<ProgressBar

android:id="@+id/progressBar"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical|center_horizontal"

android:gravity="center" />

</LinearLayout>

Activityのインジケーター表示用コード

private View maskView = null;//インジケーターを表示している間にViewの操作を無効にするためのView
private ProgressBar maskProgress = null;//インジケーターを表示する
private TextView maskText = null;//処理の状態を表示する

@Override
protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);
	...
	省略
	...
	this.maskView = this.findViewById(R.id.maskView);
	this.maskView.setBackgroundColor(Color.argb(127, 0, 0, 0));
	this.maskView.setOnClickListener(new OnClickListener() {
		@Override
		public void onClick(View v) {
		}
	});
	this.maskView.setVisibility(View.GONE);
	this.maskProgress = (ProgressBar) this.findViewById(R.id.progressBar);
	this.maskProgress.setVisibility(View.GONE);
	this.maskText = (TextView) this.findViewById(R.id.tvExec);
	this.maskText.setVisibility(View.GONE);
}

private View maskView = null;//インジケーターを表示している間にViewの操作を無効にするためのView

private ProgressBar maskProgress = null;//インジケーターを表示する

private TextView maskText = null;//処理の状態を表示する

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

...

省略

...

this.maskView = this.findViewById(R.id.maskView);

this.maskView.setBackgroundColor(Color.argb(127, 0, 0, 0));

this.maskView.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

}

});

this.maskView.setVisibility(View.GONE);

this.maskProgress = (ProgressBar) this.findViewById(R.id.progressBar);

this.maskProgress.setVisibility(View.GONE);

this.maskText = (TextView) this.findViewById(R.id.tvExec);

this.maskText.setVisibility(View.GONE);

}

Activityのインジケーター表示メソッド

private void showProgress(String text){
TextView mt = this.maskText;
if(mt != null){
	mt.setText(text);
}

//Viewの更新をUIスレッドで実行
this.runOnUiThread(new Runnable() {
	@Override
	public void run() {
		View mv = maskView;
		View mp = maskProgress;
		TextView mt = maskText;
		if(mv != null){//アプリが終了するときに
			mv.setVisibility(View.VISIBLE);
		}
		if(mp != null){
			mp.setVisibility(View.VISIBLE);
		}
		if(mt != null){
			mt.setVisibility(View.VISIBLE);
		}
	}
});
}

private void showProgress(String text){

TextView mt = this.maskText;

if(mt != null){

mt.setText(text);

}

//Viewの更新をUIスレッドで実行

this.runOnUiThread(new Runnable() {

@Override

public void run() {

View mv = maskView;

View mp = maskProgress;

TextView mt = maskText;

if(mv != null){//アプリが終了するときに

mv.setVisibility(View.VISIBLE);

}

if(mp != null){

mp.setVisibility(View.VISIBLE);

}

if(mt != null){

mt.setVisibility(View.VISIBLE);

}

});

}

Activityのインジケーター非表示メソッド

private void hiddenProgress(){
	//Viewの更新をUIスレッドで実行
	this.runOnUiThread(new Runnable() {
		@Override
		public void run() {
			View mv = maskView;
			View mp = maskProgress;
			View mt = maskText;
			if(mv != null){
				mv.setVisibility(View.GONE);
			}
			if(mp != null){
				mp.setVisibility(View.GONE);
			}
			if(mt != null){
				mt.setVisibility(View.GONE);
			}
		}
	});
}