005 [Xamarin] 在Android 中簡單製作Loading 畫面

Post date: 2015/12/8 下午 12:12:43

原作者 http://no2don.blogspot.com/search/label/Xamarin

因為,這很常用而且這是我發現最簡單的方法所以紀錄一下,首先先看結果畫面

Screenshot_2015-08-12-11-01-25

簡單的說就是在進行大量運作一些程式的時候,或是跟網路進行通訊下載東西,就可以使用這一方法。

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 Panel

FindViewById<RelativeLayout>(Resource.Id.loadingPanel).Visibility = ViewStates.Visible;

});

//開另一個Thread 關閉

new Thread(new ThreadStart(delegate

{

//睡兩秒

Thread.Sleep(2000);

RunOnUiThread(() =>

{

//關閉Loading Panel

FindViewById<RelativeLayout>(Resource.Id.loadingPanel).Visibility = ViewStates.Gone;

});

})).Start();

};

簡單的說就是控制那個RelativeLayout的開關,很簡單但是很實用的東西,提供給大家

Source Code: