zoukankan      html  css  js  c++  java
  • 自己定义progressdialog,改善用户体验

    自己定义progressdialog,改善用户体验


    效果图:



    详细实现方式:

    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();


  • 相关阅读:
    如何获取url访问历史记录
    js跨域总结
    setAttribute的兼容性
    js中原生对象、内置对象和宿主对象(转)
    一道变态的js题
    如何判断js是否加载完全
    深入理解viewport(转)
    webapp之路--理解viewport的使用
    zepto学习之路--源代码提取
    js正则之零宽断言
  • 原文地址:https://www.cnblogs.com/blfshiye/p/5117011.html
Copyright © 2011-2022 走看看