您的位置:首页 > 其它

自定义圆形progressbar

2015-07-07 14:15 495 查看
progressbar在项目中是最常见的,通常我们一个项目中选取一种风格的progressbar就可以了。

效果很简单:



关键点:

主题样式

用一个方法来管理

一、主题样式

[code]<!-- 自定义loading dialog -->
    <style name="loading_dialog" parent="Theme.AppCompat.Dialog">
        <item name="android:windowFrame">@null</item>
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:backgroundDimEnabled">true</item><!--设置背景黑-->
    </style>


二、布局样式

[code]<?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="@color/transparent"
    android:gravity="center_vertical|center" >

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

</LinearLayout>


三、旋转的动画

res文件下新建anm文件夹,然后新建round_progress_bar动画。

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


四、用一个方法类管理,方便Activity中展示

[code]/**
     * 得到自定义的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);
        loadingDialog.setCancelable(false);
        loadingDialog.setContentView(layout,new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,
                LinearLayout.LayoutParams.WRAP_CONTENT));

        return loadingDialog;
    }


ok,效果简单,实现起来也挺清晰!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: