[转载]ProgressDialog集锦及各种效果

来源：互联网发布：送你一颗子弹知乎编辑：程序博客网时间：2024/06/01 21:43

原文地址：ProgressDialog集锦及各种效果作者：heaven

1,弹出Dialog 屏幕不变暗。

创建一个样式就OK了：在styles.xml文件里添加样式：

1，

-------------------------------------------------------------------------------

提示一个属性：

2，

创建ProgressDialog 时，设置样式通过系统的ProgressDialog 是有白色边框的。

ProgressDialog loading_Dialog = new ProgressDialog(MainActivity.this,R.style.dialog);

loading_Dialog.show();

其他属性自己设置哟！！

-----------------------------------------------------------------------------------------------

没有白色边框的时候：

xml文件： customprogressdialog.xml

   http://schemas.android.com/apk/res/android"
    android:layout_width="160dip"
    android:layout_height="60dip"
    android:gravity="center"
    android:layout_gravity="center"
    android:orientation="horizontal"
    >

            android:id="@+id/progressBar1"
        android:layout_width="40dip"
        android:layout_height="40dip"
        />

        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Loading....."
        android:textColor="@android:color/white"
        />

自定义dialog

public class CustomProgressDialog extends ProgressDialog {

public CustomProgressDialog(Context context) {
  super(context);
}
  public CustomProgressDialog(Context context,int theme) {
           super(context,theme);
  }
@Override
protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.customprogressdialog);

//  setContentView(android.R.layout.alert_dialog_progress);

}

  public static CustomProgressDialog show (Context context) {
   CustomProgressDialog dialog = new CustomProgressDialog(context,R.style.dialog);
   dialog.show();
   return dialog;
  }

}

代码中调用：

CustomProgressDialog loading_Dialog = new CustomProgressDialog(MainActivity.this,R.style.dialog);

这个是改变Dialog的背景透明度：

  Window wd= loading_Dialog.getWindow();
  WindowManager.LayoutParams lp = wd.getAttributes();
  lp.alpha = 0.5f;
  wd.setAttributes(lp);
  //lp.alpha = 0.5f 设置透明度，值可以自己测试

loading_Dialog.show();

效果图：

[转载]ProgressDialog集锦及各种效果

------------------------------------------------------------------------------------

2, 改变ProgressDialog 的旋转图片：

[转载]ProgressDialog集锦及各种效果该图片的名字为 image_progress

1，定义一个图片资源文件：在drawable目录下新建一个 progress.xml

      <?xml version="1.0" encoding="utf-8"?>
      <animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
        android:drawable="@drawable/image_progress"
        android:pivotX="50%"
        android:pivotY="50%" />

2，定义一个布局文件layout layout_progress.xml

         <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center"
    android:orientation="vertical" >

    <ProgressBar
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:indeterminateDrawable="@drawable/progress" />     需要旋转的图片

</LinearLayout>

3，在Activity中自己试下这2中效果。

第一种方法，自己就会旋转：

                 setContentView(R.layout.layout_progress);
        第二种方法：
               //        ProgressDialog dialog = new ProgressDialog(this);
               //        dialog.show();
               //        dialog.setContentView(R.layout.layout_progress);

效果图：

[转载]ProgressDialog集锦及各种效果

---------------------------------------------------------------------------------------------

3，自定义progressbar颜色：

1，定义一个图片资源文件：在drawable目录下新建一个 dialog_imag_color.xml

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="360" >
    <shape
        android:innerRadiusRatio="3"
        android:shape="ring"
        android:thicknessRatio="8"
        android:useLevel="false" >
        <gradient
            android:centerColor="#FFFFFF"
            android:centerY="0.50"
            android:endColor="#FFFF00"
            android:startColor="#000000"
            android:type="sweep"
            android:useLevel="false" />
    </shape>
</rotate>

2，定义一个布局文件： layout_progress.xml 这个是在上一个布局的基础上有添加了一个progressBar

</LinearLayout>

效果图：

[转载]ProgressDialog集锦及各种效果

------------------------------------------------------------------------------------------------

水平的ProgressBar 看先样式的源码： style="@android:style/Widget.ProgressBar.Horizontal"

1，样式

2，progressDrawable 重写 android:progressDrawable="@drawable/progerss_horizontal"

xml代码文件：

<ProgressBar

android:id="@+id/progressBar1"

style="@android:style/Widget.ProgressBar.Horizontal"

android:layout_width="fill_parent"

android:layout_height="30dip"

android:layout_alignParentRight="true"

android:layout_below="@+id/button2"

android:layout_margin="15dp"

android:background="@drawable/guild_member_item_default"

android:progressDrawable="@drawable/progerss_horizontal" />

progerss_horizontal 文件

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

</item>

</item>

</item>

</layer-list>

效果图：

[转载]ProgressDialog集锦及各种效果

圆圈的ProgressBar android:indeterminateDrawable

样式源代码：看下标红的地方。如果有时间看下系统apiDemo里面有关这块demo源码。

- <style name="Widget.ProgressBar">

<itemname="android:indeterminateDrawable">@android:drawable/progress_medium_white</item>

<item name="android:indeterminateBehavior">repeat</item>

</style>

- <style name="Widget.ProgressBar.Large">

<item name="android:indeterminateDrawable">@android:drawable/progress_large_white</item>

</style>

- <style name="Widget.ProgressBar.Small">

<itemname="android:indeterminateDrawable">@android:drawable/progress_small_white</item>

</style>

- <style name="Widget.ProgressBar.Inverse">

<item name="android:indeterminateDrawable">@android:drawable/progress_medium</item>

</style>

- <style name="Widget.ProgressBar.Large.Inverse">

<item name="android:indeterminateDrawable">@android:drawable/progress_large</item>

</style>

- <style name="Widget.ProgressBar.Small.Inverse">

<item name="android:indeterminateDrawable">@android:drawable/progress_small</item>

</style>

- <style name="Widget.ProgressBar.Small.Title">

<itemname="android:indeterminateDrawable">@android:drawable/progress_small_titlebar</item>

</style>

- <style name="Widget.ProgressBar.Horizontal">

<item name="android:indeterminateOnly">false</item>

<item name="android:progressDrawable">@android:drawable/progress_horizontal</item>

<itemname="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>

</style>

- <style name="Widget.SeekBar">

<item name="android:indeterminateOnly">false</item>

<item name="android:progressDrawable">@android:drawable/progress_horizontal</item>

<item name="android:indeterminateDrawable">@android:drawable/progress_horizontal</item>

<item name="android:thumb">@android:drawable/seek_thumb</item>

</style>

- <style name="Widget.RatingBar">

<item name="android:indeterminateOnly">false</item>

<item name="android:progressDrawable">@android:drawable/ratingbar_full</item>

<item name="android:indeterminateDrawable">@android:drawable/ratingbar_full</item>

</style>

0 0