[Xamarin] 在Android 中簡單製作Loading 畫面
2015-08-12
因為，這很常用而且這是我發現最簡單的方法所以紀錄一下，首先先看結果畫面
簡單的說就是在進行大量運作一些程式的時候，或是跟網路進行通訊下載東西，就可以使用這一方法。
1.在 .axml 中加入這一段
<RelativeLayout
android:id="@+id/loadingPanel"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:visibility="gone"
android:background="#808080"
android:gravity="center">
<ProgressBar
android:layout_width="wrap_content"
android:id="@+id/pg1"
android:background="#00000000"
android:layout_height="wrap_content"
android:indeterminate="true"
android:layout_centerInParent="true" />
<TextView
android:text="Loading......."
android:background="#00000000"
android:textAppearance="?android:attr/textAppearanceLarge"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/pg1"
android:id="@+id/textView1"
android:textColor="#FFFFFF"
android:layout_centerInParent="true" />
</RelativeLayout>
這裡面的畫面我都調整好了，被竟是灰色文字是白色，您可以自行調整，因為在axml加入這段後，所以全部的Layout Code 是
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<RelativeLayout
android:id="@+id/loadingPanel"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:visibility="gone"
android:background="#808080"
android:gravity="center">
<ProgressBar
android:layout_width="wrap_content"
android:id="@+id/pg1"
android:background="#00000000"
android:layout_height="wrap_content"
android:indeterminate="true"
android:layout_centerInParent="true" />
<TextView
android:text="Loading......."
android:background="#00000000"
android:textAppearance="?android:attr/textAppearanceLarge"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/pg1"
android:id="@+id/textView1"
android:textColor="#FFFFFF"
android:layout_centerInParent="true" />
</RelativeLayout>
<Button
android:id="@+id/MyButton"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="打開Loading" />
</LinearLayout>
之後就是開關Loading的部分，基本上我案例設計是兩秒之後會關閉
C# Code:
FindViewById<Button>(Resource.Id.MyButton).Click += delegate{RunOnUiThread(() =>
{ //打開Loading PanelFindViewById<RelativeLayout>(Resource.Id.loadingPanel).Visibility = ViewStates.Visible;
});
//開另一個Thread 關閉new Thread(new ThreadStart(delegate
{ //睡兩秒Thread.Sleep(2000);
RunOnUiThread(() =>
{ //關閉Loading PanelFindViewById<RelativeLayout>(Resource.Id.loadingPanel).Visibility = ViewStates.Gone;
});
})).Start();
};
簡單的說就是控制那個RelativeLayout的開關，很簡單但是很實用的東西，提供給大家
Source Code: