自定义圆形progressbar

最新推荐文章于 2022-08-29 11:12:57 发布

原创最新推荐文章于 2022-08-29 11:12:57 发布 · 600 阅读

0 ·

CC 4.0 BY-SA版权

Android小Demo 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种自定义ProgressDialog的方法，包括定义主题样式、布局样式及旋转动画等步骤，并提供了一个简便的管理方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

progressbar在项目中是最常见的，通常我们一个项目中选取一种风格的progressbar就可以了。

效果很简单：

有点low哦！！

关键点：

主题样式
用一个方法来管理

一、主题样式

<!-- 自定义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>

二、布局样式

<?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动画。

<?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中展示

/**
     * 得到自定义的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，效果简单，实现起来也挺清晰！