Android自定义进度条

因为工作中有需要用到进度条，但是手机自带的又不好看，所以自己也是参考别人的，自己定义了一个圆形进度条。
环境准备: Androidstudio 1.3 JDK1.7 AndroidAPI 19

第一步：准备一张图片用于显示

需要的同学请自行百度

第二步：添加一个xml布局文件 loading_dialog.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/dialog_view"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:minHeight="60dp"
    android:minWidth="180dp"
    android:gravity="center"
    android:padding="10dp"
    android:background="#FFFFFF"
    >

    <ImageView
        android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/publicloading"
        />
    <TextView
        android:id="@+id/tipTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:text="数据加载中……" />
</LinearLayout>

在布局文件中，定义了ImageView 这个组件添加旋转效果就可以实现进度条的加载啦，下面的TextView是提示信息。

第三步：添加悬浮效果

在style中添加样式，这样就可以实现圆形进度条悬浮于窗口之上，并产生半透明效果

 <style name="load_dialog" parent="@android:style/Theme.Dialog">
        <item name="android:colorBackgroundCacheHint">@null</item>
        <item name="android:windowFrame">@null</item><!--边框-->
        <item name="android:windowIsFloating">true</item><!--是否浮现在activity之上-->
        <item name="android:windowIsTranslucent">true</item><!--半透明-->
        <item name="android:windowNoTitle">true</item><!--无标题-->
        <item name="android:background">@drawable/alert_dialog_corner_shape</item><!--dialog背景样式-->
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:backgroundDimEnabled">true</item><!--模糊-->
    </style>

第四步添加动画效果

在res里面添加anim文件夹，在里面添加loading_animation.xml文件，代码如下

<?xml version="1.0" encoding="utf-8"?>
<set android:shareInterpolator="false" xmlns:android="http://schemas.android.com/apk/res/android">
    <rotate
        android:interpolator="@android:anim/linear_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:fromDegrees="0"
        android:toDegrees="+360"
        android:duration="1500"
        android:startOffset="-1"
        android:repeatMode="restart"
        android:repeatCount="-1"/>
</set>

第五步调用xml文件， 设置对话框属性

创建一个类DefineDialog，里面有一个函数DefineDialog#showInviteDialog，用来调用我们自定义的进度条,函数dismissDialog()用来在不需要对话框的时候关闭对话框。

package com.sc.demo;

import android.app.Dialog;
import android.content.Context;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

/**
 * Created by KEN on 2015/10/21.
 */
public class DefineDialog {
    Context context;
    Dialog invtingFamilyDialog=null;
    public DefineDialog(Context context) {
        this.context = context;
        invtingFamilyDialog = new Dialog(context, R.style.load_dialog);
    }

    public void dismissDialog(){
        invtingFamilyDialog.dismiss();
    }

    public  void showInviteDialog() {
         //去除触摸外围关闭对话框效果
        invtingFamilyDialog.setCanceledOnTouchOutside(false);
        View view =  View.inflate(context,R.layout.loading_dialog,null);

        // main.xml中的ImageView
        ImageView spaceshipImage = (ImageView) view.findViewById(R.id.img);
        TextView tipTextView = (TextView) view.findViewById(R.id.tipTextView);// 提示文字
        // 加载动画
        Animation hyperspaceJumpAnimation = AnimationUtils.loadAnimation(
                context, R.anim.loading_animation);
        // 使用ImageView显示动画
        spaceshipImage.startAnimation(hyperspaceJumpAnimation);
        tipTextView.setText("加载中...");// 设置加载信息


        invtingFamilyDialog.setContentView(view,new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.FILL_PARENT,
                LinearLayout.LayoutParams.FILL_PARENT));

        invtingFamilyDialog.show();
    }
}

setCanceledOnTouchOutside(false)
可以防止当触摸到对话框之外的地方关闭对话框

最后一步：在Activity里面调用

在Oncreate()里面

// 等待提示
       DefineDialog dfd=new DefineDialog(this);
        dfd.showInviteDialog();

展示效果