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

贊助區

itCoin:

3ExcHdua3crim67XdnGhTVMq6hTRawgkCu

Ethereum:

0xb1f6c1880c058a4b7d1ee06d325411c1c1de3573

Crypto.com(虛擬貨幣入門選擇，用我連結註冊馬上送 $25美金)

派網 (網格交易第一選擇，新手必推)

幣安 Binance (第一名交易所，點擊註冊，送獎勵)

ByBit (體驗最好的交易所，點擊註冊送獎勵)

幣託 BitoPro (台灣虛擬貨幣換成台幣必備，點擊註冊) :

數字貨幣貪婪恐慌指數

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 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: