android自定义加载框

今天和大家分享一个在做项目中经常用到的加载网络的友好提示，首先我们先看张图片：

相信这种加载界面大家肯定很熟悉，接下去我们就要开始尝试做这个玩意。

其实思路是重定义Dialog，然后再Dialog中布局。至于这种转圈圈的动态效果实际上上是多张图片轮流切换

  

1.创建Dialog：

 mProgressDialog = new Dialog(mContext,R.style.progress_dialog);
    mProgressDialog.setContentView(R.layout.layout_progress_dialog);
    mProgressDialog.setCancelable(true);
    mProgressDialog.setCanceledOnTouchOutside(false);
  mProgressDialog.getWindow().setBackgroundDrawableResource(android.R.color.transparent);
    mProgressDialog.show(); 

2.R.style.progree_dialog:

<style name="progress_dialog" parent="@android:style/Theme.Dialog">
        <item name="android:windowFrame">@null</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:background">@null</item>
        <item name="android:windowBackground">@null</item>
        <item name="android:backgroundDimEnabled">false</item>
    </style>

3. R.layout.layout_progress_dialog:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:gravity="center"
              android:background="@drawable/bg_progressbar"
              android:orientation="vertical"
              android:padding="@dimen/dimen_border_size_normal" >


    <ProgressBar
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:indeterminateDrawable="@drawable/progress_drawable_white" />


    <TextView
            android:id="@+id/id_tv_loadingmsg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_marginTop="8dp"
            android:textColor="#fff"
            android:text="加载中..."
            android:textSize="@dimen/dimen_font_size_xnormal" />


</LinearLayout>

4.progress_drawable_white:(android:indeterminateDrawable="@drawable/progress_drawable_white"这句话相当于隐藏自身的进度条并且重定义动画)

<?xml version="1.0" encoding="utf-8"?>
<animation-list android:oneshot="false"
                xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:duration="83" android:drawable="@drawable/ic_loading_white_01" />
    <item android:duration="83" android:drawable="@drawable/ic_loading_white_02" />
    <item android:duration="83" android:drawable="@drawable/ic_loading_white_03" />
    <item android:duration="83" android:drawable="@drawable/ic_loading_white_04" />
    <item android:duration="83" android:drawable="@drawable/ic_loading_white_05" />
    <item android:duration="83" android:drawable="@drawable/ic_loading_white_06" />
    <item android:duration="83" android:drawable="@drawable/ic_loading_white_07" />
    <item android:duration="83" android:drawable="@drawable/ic_loading_white_08" />
    <item android:duration="83" android:drawable="@drawable/ic_loading_white_09" />
    <item android:duration="83" android:drawable="@drawable/ic_loading_white_10" />
    <item android:duration="83" android:drawable="@drawable/ic_loading_white_11" />
    <item android:duration="83" android:drawable="@drawable/ic_loading_white_12" />
</animation-list>

这里面的1、2、3....均是图片，这些图片就让ui去切了，android:duration="83"相当于没83毫秒切换一张图片，这样连起来就相当于一个动画了

至此，整个demo结束这样就可以实现转圈圈的额效果了，如果还有不理解的，请给我留言。