码迷,mamicode.com
首页 > 其他好文 > 详细

自定义progressdialog,改善用户体验

时间:2014-10-09 18:01:37      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:android   progress   用户体验   

自定义progressdialog,改善用户体验


效果图:

bubuko.com,布布扣


具体实现方式:

1.定义Dialog的Layout布局

2.设置动画anim

3.创建自定义dialog的样式

4.创建共有方法来控制Dialog


1.定义Dialog的Layout布局 : layout目录下 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:gravity="center_vertical|center"
    android:orientation="vertical"
    android:background="@color/transparent">

    <ImageView
        android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/loading" />

</LinearLayout>


2.设置动画anim : 创建 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>



3.创建自定义dialog的样式Theme : values目录  themes.xml

<!-- 自定义loading dialog -->
    <style name="loading_dialog" parent="android:Theme.Dialog">
        <item name="android:windowFrame">@null</item>		<!-- Dialog的windowFrame框为无 -->
        <item name="android:windowBackground">@color/transparent</item>	<!-- 设置dialog的背景 -->
        <item name="android:windowNoTitle">true</item>		<!-- 是否显示title -->
        <item name="android:windowIsTranslucent">true</item>	<!-- 是否半透明 -->
        <item name="android:windowIsFloating">true</item>		<!-- 是否浮现在activity之上 -->
        <item name="android:windowContentOverlay">@null</item>	<!-- 也是个drawable,定义contentoverlay的背景 -->
        <item name="android:backgroundDimEnabled">false</item>	<!-- 背景是否模糊显示 -->
    </style>


4.创建共有方法来控制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);  // 加载布局
        ImageView spaceshipImage = (ImageView) v.findViewById(R.id.img);
        Animation hyperspaceJumpAnimation = AnimationUtils.loadAnimation(context,R.anim.loading_animation); // 加载动画
        spaceshipImage.startAnimation(hyperspaceJumpAnimation);             // 使用ImageView显示动画
        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;
    }



OK ! 使用时直接调用便可:

	public Dialog mLoading;

	mLoading = DialogUtils.createLoadingDialog(this);

	mLoading.show();

	mLoading.dismiss();


自定义progressdialog,改善用户体验

标签:android   progress   用户体验   

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

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