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.             fromDegrees 属性为动画起始时物件的角度    
  22.             toDegrees   属性为动画结束时物件旋转的角度 可以大于360度   


  23.             说明:
  24.                      当角度为负数——表示逆时针旋转
  25.                      当角度为正数——表示顺时针旋转              
  26.                      (负数from——to正数:顺时针旋转)   
  27.                      (负数from——to负数:逆时针旋转) 
  28.                      (正数from——to正数:顺时针旋转) 
  29.                      (正数from——to负数:逆时针旋转)       

  30.             pivotX     属性为动画相对于物件的X坐标的开始位置
  31.             pivotY     属性为动画相对于物件的Y坐标的开始位置

  32.             说明:        以上两个属性值 从0%-100%中取值
  33.                          50%为物件的X或Y方向坐标上的中点位置

  34.         长整型值:
  35.             duration  属性为动画持续时间
  36.             说明:       时间以毫秒为单位
  37. -->

然后就是调用这个这个自定义的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源码下载稍后再提供。

android高分段进阶攻略(3)旋转等待UI界面设计,,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。