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);

以上就是页面的部分代码，如果写的有问题，请在下方留言，若转载，请注明出处。