Android之实现带动画加载状态的Dialog

来源：互联网发布：淘宝漏洞最新编辑：程序博客网时间：2024/05/17 04:12

请尊重个人劳动成果，转载注明出处，谢谢！
http://blog.csdn.net/xiaxiazaizai01/article/details/52232846

在加载网络请求数据时，显示一个加载中的dialog弹窗的话则会增强用户的体验感，参考博客中的一个伙计的思路，记不清是谁了这里就不贴地址了，废话不多说，先上效果图
这里写图片描述

实现起来也相当简单，首先看下dialog的配置

<!-- dialog样式 -->    <style name="MyDialog" 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:windowBackground">@android:color/transparent</item>        <item name="android:backgroundDimEnabled">true</item>        <item name="android:backgroundDimAmount">0.6</item>    </style>

下面看一下自定义dialog代码

/** * 自定义dialog */public class MyDialog extends Dialog {    private Context context;    private static MyDialog dialog;    private ImageView ivProgress;    public MyDialog(Context context) {        super(context);        this.context = context;    }    public MyDialog(Context context, int themeResId) {        super(context, themeResId);        this.context = context;    }    //显示dialog的方法    public static MyDialog showDialog(Context context){        dialog = new MyDialog(context, R.style.MyDialog);//dialog样式        dialog.setContentView(R.layout.dialog_layout);//dialog布局文件        dialog.setCanceledOnTouchOutside(false);//点击外部不允许关闭dialog        return dialog;    }    @Override    public void onWindowFocusChanged(boolean hasFocus) {        super.onWindowFocusChanged(hasFocus);        if(hasFocus && dialog != null){           ivProgress = (ImageView) dialog.findViewById(R.id.ivProgress);            Animation animation = AnimationUtils.loadAnimation(context, R.anim.dialog_progress_anim);            ivProgress.startAnimation(animation);        }    }}

下面是dialog的布局文件

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    >    <LinearLayout        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:gravity="center"        android:padding="15dp"        android:layout_centerInParent="true"        android:background="@drawable/shape_dialog_bg"        android:orientation="vertical">        <RelativeLayout            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_gravity="center">            <ImageView                android:id="@+id/ivBackGround"                android:layout_width="50dp"                android:layout_height="50dp"                android:background="@drawable/loading_background"                android:layout_centerInParent="true"                />            <ImageView                android:id="@+id/ivProgress"                android:layout_width="50dp"                android:layout_height="50dp"                android:background="@drawable/loading_progress"                android:layout_centerInParent="true"                />        </RelativeLayout>        <TextView            android:id="@+id/tvText"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="加载中，请稍后..."            android:textSize="16sp"            android:layout_marginTop="5dp"            />    </LinearLayout></RelativeLayout>

代码中用到的加载进度最外层的转圈动画

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android"    android:shareInterpolator="false">    <!-- 如果不想共享一个interpolator(动画变化的速率)，则设置android:shareInterpolator="false"，并且需要在每一个动画效果处添加interpolator -->    <rotate        android:fromDegrees="0"        android:toDegrees="+360"        android:pivotX="50%"        android:pivotY="50%"        android:repeatCount="-1"        android:repeatMode="restart"        android:interpolator="@android:anim/linear_interpolator"        android:duration="800"        />    <!--        fromDegrees   动画开始时的角度        toDegrees     动画结束时物件的旋转角度,正代表顺时针        pivotX    属性为动画相对于物件的X坐标的开始位置        pivotY    属性为动画相对于物件的Y坐标的开始位置        repeatCount 动画重复次数，-1表示无限执行        repeatMode  重复类型，有两个值，reverse表示倒序回放，restart表示从头播放        interpolator 动画变化速率，这里是匀速    --></set>

然后就是在我们需要调用显示dialog的地方去调用显示即可

public class MainActivity extends AppCompatActivity {    private Button btn;    MyDialog dialog;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        btn = (Button) findViewById(R.id.btnClick);        btn.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                dialog = MyDialog.showDialog(MainActivity.this);                dialog.show();            }        });    }}

2 0