标签：android   自定义dialog   progressbar   dialog动画   

Android项目中使用类似菊花的Dialog

效果图一：

项目中使用的效果图二：

1.首先定义动画文件

<?xml version="1.0" encoding="utf-8"?>
<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/loading2"
    android:fromDegrees="0.0"
    android:pivotX="50.0%"
    android:pivotY="50.0%"
    android:toDegrees="360.0" />

2.在main.xml文件中直接定义ProgressBar便可显示

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center">

    <ProgressBar
        android:id="@+id/progress"
        style="?android:attr/progressBarStyleSmall"
        android:layout_width="25dip"
        android:layout_height="30dip"
        android:indeterminateDrawable="@anim/progress_bar" />

</LinearLayout>

直接运行之后的效果即如上图一中所示！

但无法达到在项目中使用的便捷性，不可能每一个需要用到此Dialog的地方都需要在相应的xml文件中定义该ProgressBar的控件吧，如果开发中界面使用多层次的FrameLayout和多层次的布局，这就是个麻烦问题了。

下文将改 ProgressBar 单独定义为一个xml，并通过定义单独方法动态将其加入布局中，使用时直接通过基类的Activity初始化便可以在整个应用程序中调用。

第一步：

• 定义单独的 layout_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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/transparent"
    android:gravity="center_vertical|center" >

    <ProgressBar
        style="?android:attr/progressBarStyleSmall"
        android:layout_width="25dip"
        android:layout_height="30dip"
        android:indeterminateDrawable="@anim/progress_bar" />

</LinearLayout>

第二步：

• 定义方法加载创建 Dialog

/**
     * 创建自定义ProgressDialog
     *
     * @param context
     * @return
     */
    public static Dialog createLoadingDialog(Context context) {

        LayoutInflater inflater = LayoutInflater.from(context);
        View v = inflater.inflate(R.layout.layout_loading_dialog, null); // 得到加载view
        LinearLayout layout = (LinearLayout) v.findViewById(R.id.dialog_view); // 加载布局
        Dialog loadingDialog = new Dialog(context, R.style.loading_dialog); // 创建自定义样式dialog
        loadingDialog.setCancelable(false); // 不可以用"返回键"取消
        loadingDialog.setContentView(layout, new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.WRAP_CONTENT,
                LinearLayout.LayoutParams.WRAP_CONTENT));
        return loadingDialog;
    }

第三步：

• 在调用时先在基类的BaseActiviy中初始化，然后在开始Request数据的回调方法中直接调用mLoading.show()

BaseActivity

package org.gaochun.ui;

import android.app.Activity;
import android.app.Dialog;
import android.os.Bundle;

/**
 * @author gao_chun
 * 该类为Activity基类
 */
public class BaseActivity extends Activity {

    public static final String TAG = "gao_chun";

    //在基类中初始化Dialog
    public Dialog mLoading;

    /* (non-Javadoc)
     * @see android.app.Activity#onCreate(android.os.Bundle)
     */
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        /*if (!ValidateUtils.isNetworkAvailable(this)){
            DialogUtils.showToast(this,R.string.text_network_unavailable);
        }*/
        mLoading = DialogUtils.createLoadingDialog(this);
    }
}

MainActivity

package org.gaochun.ui;

import android.os.Bundle;

import org.gaochun.R;

public class MainActivity extends BaseActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub

        super.onCreate(savedInstanceState);

        setUpViews();
    }


    private void setUpViews(){
        setContentView(R.layout.main);

        /****************************************
         * 只需要在此处调用show()方法
         * 注：可在访问网络开始时的回调方法中调用
         * 在访问结束后再 mLoading.dismiss();
         **************************************/
        mLoading.show();

    }
}

源码下载：http://download.csdn.net/download/gao_chun/8631127

转载请注明出处.

Android项目中使用类似菊花的Dialog

标签：android   自定义dialog   progressbar   dialog动画   

原文地址：http://blog.csdn.net/gao_chun/article/details/45270031