Xamarin.Android 過度頁面 正在加載

最近在使用Xamarin.Android進行開發，在加載數據時，需要一個正在加載界面。在網上查找了下，Xamarin.Android關於這方面的資料非常少。

但是想到Xamarin.Android和Android原生開發相似，在腦海中搜索那已經被遺忘的Android相關知識，最后終於解決。寫下這篇文章，給大家分享，

希望對使用Xamarin開發的人有些幫助。

下面是最終實現的效果：

 

首先是樣式布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/dialog_loading_view"
    android:gravity="center">
  <LinearLayout
    android:layout_width="150dp"
    android:layout_height="110dp"
    android:background="@drawable/corners_bg"
    android:gravity="center"
    android:orientation="vertical"
    android:paddingBottom="10dp"
    android:paddingLeft="21dp"
    android:paddingRight="21dp"
    android:paddingTop="10dp">
  
    <ProgressBar
      android:id="@+id/progressBar1"
      android:layout_width="35dp"
      android:layout_height="35dp"
      android:layout_gravity="center_horizontal"
      android:indeterminateBehavior="repeat"
      android:indeterminateDrawable="@drawable/dialog_loading"
      android:indeterminateOnly="true" />

    <TextView
      android:id="@+id/tipTextView"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_marginTop="15dp"
      android:text="加載中..."
      android:textColor="#f0f0f0"
      android:textSize="15sp" />
  </LinearLayout>
</LinearLayout>

中間部分，由於文字我沒做更改，所以就使用了圓角的樣式，當然可以使用9png作為背景

corners_bg.xml:

<?xml version="1.0" encoding="utf-8" ?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
  <solid android:color="#000" />
  <corners android:topLeftRadius="10dp"
           android:topRightRadius="10dp"
           android:bottomRightRadius="10dp"
           android:bottomLeftRadius="10dp"/>
</shape>

轉圈的動畫效果是使用progressbar 具體的可以參考 ProcessBar深入研究 

旋轉動畫的文件dialog_loading.xml

<?xml version="1.0" encoding="utf-8"?>
<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@mipmap/dialog_loading_img"
    android:pivotX="50%"
    android:pivotY="50%" />

 

在使用自定義Dialog時，黑色背景並沒有全部覆蓋整個LinearLayout布局，解決方式：使用自定義樣式

在Styles.xml添加

 

  <style name="Theme_Transparent" parent="@android:Theme.DeviceDefault.Light.Dialog">
    <item name="android:windowIsTranslucent">true</item>
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:windowContentOverlay">@null</item>
    <item name="android:windowNoTitle">true</item>
  </style>

在調用時，添加對應的樣式

LoadingDialog loadingDialog = new LoadingDialog(this,Resource.Style.Theme_Transparent);

以上就是頁面的部分代碼，如果寫的有問題，請在下方留言，若轉載，請注明出處。