android高分段进阶攻略（3）旋转等待UI界面设计

因为最近工作较忙的原因，可能更新较慢，而且内容越来越细，从一个完整的app到一个

简单的功能，甚至到UI设计，今天介绍的就是一个常见的UI设计，先上图：

别看只是个简单的UI，只有几行代码，当时我把这个demo卖给客户赚了300RMB，就几

行代码，其实这个代码的核心在于，自定义animation的rotate动画，

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <set xmlns:android="http://schemas.android.com/apk/res/android">
   
3. <rotate 
   
4.         android:interpolator="@android:anim/accelerate_decelerate_interpolator"
   
5.         android:fromDegrees="0" 
   
6.         android:repeatCount="infinite"         
   
7.         android:pivotX="50%" 
   
8.         android:pivotY="50%"     
   
9.         android:duration="3000" 
10. ndroid:toDegrees="360.0" 
11. />  
    
12. <!-- rotate 旋转动画效果
    
13.        属性：interpolator 指定一个动画的插入器
    
14.              在我试验过程中，使用android.res.anim中的资源时候发现
    
15.              有三种动画插入器:
    
16.                 accelerate_decelerate_interpolator   加速-减速 动画插入器
    
17.                 accelerate_interpolator               加速-动画插入器
    
18.                 decelerate_interpolator               减速- 动画插入器
    
19.              其他的属于特定的动画效果
    
20. 
    
21.        浮点数型值:
    
22.             fromDegrees 属性为动画起始时物件的角度    
    
23.             toDegrees   属性为动画结束时物件旋转的角度 可以大于360度   
    
24. 
    
25. 
    
26.             说明:
    
27.                      当角度为负数——表示逆时针旋转
    
28.                      当角度为正数——表示顺时针旋转              
    
29.                      (负数from——to正数:顺时针旋转)   
    
30.                      (负数from——to负数:逆时针旋转) 
    
31.                      (正数from——to正数:顺时针旋转) 
    
32.                      (正数from——to负数:逆时针旋转)       
    
33. 
    
34.             pivotX     属性为动画相对于物件的X坐标的开始位置
    
35.             pivotY     属性为动画相对于物件的Y坐标的开始位置
    
36. 
    
37.             说明:        以上两个属性值 从0%-100%中取值
    
38.                          50%为物件的X或Y方向坐标上的中点位置
    
39. 
    
40.         长整型值：
    
41.             duration  属性为动画持续时间
    
42.             说明:       时间以毫秒为单位
    
43. -->

然后就是调用这个这个自定义的rotate

 RotateAnimation rotateAnimation = (RotateAnimation) AnimationUtils.loadAnimation(context, R.anim.refresh); // 加载XML文件中定义的动画

并且通过自定义dialog完整显示出来，完整代码如下：

 public MyProgressDialog(Context context, int theme) {
        super(context, theme);
        this.context = context;
        View view = LayoutInflater.from(context).inflate(R.layout.load, null); // 加载自己定义的布局
        ImageView img_loading = (ImageView) view.findViewById(R.id.img_load);
        RelativeLayout img_close = (RelativeLayout) view.findViewById(R.id.img_cancel);
        RotateAnimation rotateAnimation = (RotateAnimation) AnimationUtils.loadAnimation(context, R.anim.refresh); // 加载XML文件中定义的动画
        img_loading.setAnimation(rotateAnimation);// 开始动画
        setContentView(view);// 为Dialoge设置自己定义的布局
        // 为close的那个文件添加事件
        img_close.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                dismiss();
            }
        });
    }

一个简单的旋转等待UI界面设计就大功告成了，demo源码下载稍后再提供。

DEMO可能需要付费，要的私信给我