码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2015-04-25 15:07:35      阅读:4111      评论:0      收藏:0      [点我收藏+]

标签: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>


注:此处为父布局添加 android:background="@android:color/transparent" 属性,使布局透明。

第二步:

  • 定义方法加载创建 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

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!