自定义圆形progressbar

原创 2015年07月07日 14:15:22

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,效果简单,实现起来也挺清晰!

版权声明:欢迎大家留言讨论

相关文章推荐

自定义圆形ProgressBar

  • 2016年12月14日 18:55
  • 24.54MB
  • 下载

自定义圆形的ProgressBar

1.自定义圆形的ProgressBar   效果图:   圆形ProgressBar的样式主要有以下几个,我们这里以progressBarStyleLarge为例进行样式的修改,其他的类似。  ...
  • redouba
  • redouba
  • 2014年02月28日 11:42
  • 984

自定义圆形ProgressBar(进度条)

  • 2014年07月19日 09:37
  • 2.4MB
  • 下载

Android通过xml自定义圆形ProgressBar的图片

在anim文件夹中新建xml布局
  • zss1973
  • zss1973
  • 2015年12月03日 15:16
  • 581

Android 自定义的圆形变化ProgressBar

  • 2015年04月08日 13:51
  • 1.33MB
  • 下载

自定义带进度的圆形progressBar

  • 2015年08月21日 17:23
  • 5.31MB
  • 下载

自定义动态圆形ProgressBar_(一)

防IOS 自定义ProgressBar , 自带动画效果.从0 到规定的值,形成一个动态展示的效果。 思想还是挺简单的。 1:绘制背景底色圆形 2:绘制的时候起线程,线程为空,新建线程,不为空直接...

自定义动态圆形ProgressBar源码

  • 2016年11月16日 00:51
  • 8.83MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:自定义圆形progressbar
举报原因:
原因补充:

(最多只允许输入30个字)