首页 > 代码库 > Android学习笔记_81_Android ProgressDialog 各种效果

Android学习笔记_81_Android ProgressDialog 各种效果

1,弹出Dialog 屏幕不变暗。

 

ProgressDialog集锦及各种效果

 

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

1,

      <style name="dialog" parent="@android:style/Theme.Dialog">
        <item name="android:windowFrame">@null</item>边框
        <item name="android:windowIsFloating">true</item><!--是否浮现在activity之上-->
        <item name="android:windowIsTranslucent">false</item><!--半透明-->
        <item name="android:windowNoTitle">true</item><!--无标题-->
     <!--    <item name="android:windowBackground">@color/transparent</item>背景透明   去掉背景色边框也就去掉了 -->
        <item name="android:backgroundDimEnabled">false</item><!--模糊-->
        <!-- <item name="android:windowContentOverlay">@null</item> -->
    </style>

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

提示一个属性:

<item name="android:backgroundDimAmount">0.8</item><!-- android:backgroundDimAmount就是用来控制灰度的值,当为1时,界面除了我们的dialog内容是高亮显示的,dialog以外的区域是黑色的,完全看不到其他内容,系统的默认值是0.5,而已根据自己的需要调整
         --> 

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集锦及各种效果                                     ProgressDialog集锦及各种效果



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

 

 <?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:orientation="vertical" >

    <ProgressBar
        android:layout_marginTop="90dip"
        android:layout_gravity="center"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:indeterminateDrawable="@drawable/progress" />

    <ProgressBar
        android:id="@+id/color_progressBar2"
         android:layout_marginTop="90dip"
        android:layout_gravity="center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:indeterminateDrawable="@drawable/dialog_imag_color" />

</LinearLayout>

 

 效果图:

 

  ProgressDialog集锦及各种效果 

ProgressDialog集锦及各种效果 

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 android:id="@android:id/background">

        <clip android:drawable="@drawable/guild_member_item_default" ></clip>

    </item>

    <item android:id="@android:id/secondaryProgress">

        <clip android:drawable="@drawable/guild_member_item_press" ></clip>

    </item>

    <item android:id="@android:id/progress">

        <clip android:drawable="@drawable/guild_member_item_press" ></clip>

    </item>

</layer-list>

效果图:

 ProgressDialog集锦及各种效果

ProgressDialog集锦及各种效果


 

 

圆圈的ProgressBar   android:indeterminateDrawable

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

 

- <style name="Widget.ProgressBar">
  <item name="android:indeterminateOnly">true</item>
  <item name="android:indeterminateDrawable">@android:drawable/progress_medium_white</item>
  <item name="android:indeterminateBehavior">repeat</item>
  <item name="android:indeterminateDuration">3500</item>
  <item name="android:minWidth">48dip</item>
  <item name="android:maxWidth">48dip</item>
  <item name="android:minHeight">48dip</item>
  <item name="android:maxHeight">48dip</item>
  </style>
 
 
 
- <style name="Widget.ProgressBar.Large">
  <item name="android:indeterminateDrawable">@android:drawable/progress_large_white</item>
  <item name="android:minWidth">76dip</item>
  <item name="android:maxWidth">76dip</item>
  <item name="android:minHeight">76dip</item>
  <item name="android:maxHeight">76dip</item>
  </style>
- <style name="Widget.ProgressBar.Small">
  <item name="android:indeterminateDrawable">@android:drawable/progress_small_white</item>
  <item name="android:minWidth">16dip</item>
  <item name="android:maxWidth">16dip</item>
  <item name="android:minHeight">16dip</item>
  <item name="android:maxHeight">16dip</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>
  <item name="android:minHeight">20dip</item>
  <item name="android:maxHeight">20dip</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:minHeight">20dip</item>
  <item name="android:maxHeight">20dip</item>
  <item name="android:thumb">@android:drawable/seek_thumb</item>
  <item name="android:thumbOffset">8dip</item>
  <item name="android:focusable">true</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>
  <item name="android:minHeight">57dip</item>
  <item name="android:maxHeight">57dip</item>
  <item name="android:thumb">@null</item>
  </style>