Android学习笔记_81_Android 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();

效果图：

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

 2, 改变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);     

效果图：

                                     





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

  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>

 效果图：

   

 


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

水平的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>

效果图：

圆圈的ProgressBar   android:indeterminateDrawable

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