[2017-7-28]Android Learning Day7

View动画效果

1. 透明动画效果

2. 旋转动画效果

3. 移动动画效果

4. 缩放动画效果

5. 混合动画效果

1.透明动画效果（AlphaAnimation）

有两种方法

第一种在活动中设置，不需要xml文件

 public class MainActivity extends AppCompatActivity {

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         slove();
     }

     private void slove() {
         findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {

             @Override
             public void onClick(View v) {
                 //方法1
                 AlphaAnimation aa = new AlphaAnimation(0,1);
                 aa.setDuration(1500);
                 v.startAnimation(aa);             }
         });
     }
 }

方法2 在xml文件中设置

在res文件夹下新建anim Directory，在anim下新建aa.xml

aa.xml

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromAlpha="0"起始透明度
    android:toAlpha="1"终止透明度
    android:duration="1000"持续时间（ms）
    >

</alpha>

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        slove();
    }

    private void slove() {
        findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                //方法2
                v.startAnimation(AnimationUtils.loadAnimation(MainActivity.this,R.anim.aa));
            }
        });
    }
}

2.旋转动画效果（ RoateAnimation）

和上面几乎是一模一样的，直接上代码了

方法1

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        slove();
    }

    private void slove() {
        findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
　　                                                     //从0°到3600°（转十圈）,宽度参照是自己，大小0.5宽度，高度参照是自己，大小0.5高度
                  RotateAnimation ra = new RotateAnimation(0,3600,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
                  ra.setDuration(1000);
                  v.startAnimation(ra);
            }
        });
    }
}

方法2

ra.xml

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:toDegrees="720"
    android:duration="1000"
    android:pivotX="50%"
    android:pivotY="50%"
    >

</rotate>

 public class MainActivity extends AppCompatActivity {

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         slove();
     }

     private void slove() {
         findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {

             @Override
             public void onClick(View v) {
                 v.startAnimation(AnimationUtils.loadAnimation(MainActivity.this, R.anim.ra));
             }
         });
     }
 }

3.移动动画效果（TranslateAnimation）

方法一

在TranslateAnimation中，坐标都是相对自身的坐标，而不是相对最大布局的

 public class MainActivity extends AppCompatActivity {

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         slove();
     }

     private void slove() {
         findViewById(R.id.btn).setOnClickListener(new View.OnClickListener() {

             @Override
             public void onClick(View v) {

                 TranslateAnimation ta = new TranslateAnimation(0,200,0,200);
                 ta.setDuration(1000);
                 v.startAnimation(ta);
             }
         });
     }
 }

方法二

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="0"
    android:fromYDelta="0"
    android:toXDelta="500"
    android:toYDelta="500"
    android:duration="1000">

</translate>

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        slove();
    }

    private void slove() {
        findViewById(R.id.btn).setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {

                v.startAnimation(AnimationUtils.loadAnimation(MainActivity.this, R.anim.ta));
            }
        });
    }
}

4.缩放动画效果（ScaleAnimation）

方法一

 public class MainActivity extends AppCompatActivity {

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         slove();
     }

     private void slove() {
         findViewById(R.id.btn).setOnClickListener(new View.OnClickListener() {

             @Override
             public void onClick(View v) {

                 ScaleAnimation sa = new ScaleAnimation(0,1,0,1);//默认相对于左上角缩放
                 sa = new ScaleAnimation(0,1,0,1,50,50);//相对于主布局的（50px,50px）坐标点缩放
                 //相对于自身的50% 50%处缩放
                 sa =  new ScaleAnimation(0,1,0,1,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
                 sa.setDuration(1000);
                 v.startAnimation(sa);
             }
         });
     }
 }

方法二

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXScale="0"
    android:toXScale="1"
    android:fromYScale="0"
    android:toYScale="1"
    android:pivotX="50%"
    android:pivotY="50%"
    android:duration="1000"
    >

</scale>

 public class MainActivity extends AppCompatActivity {

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         slove();
     }

     private void slove() {
         findViewById(R.id.btn).setOnClickListener(new View.OnClickListener() {

             @Override
             public void onClick(View v) {

                 v.startAnimation(AnimationUtils.loadAnimation(MainActivity.this, R.anim.sa));
             }
         });
     }
 }

5.混合动画效果

方法就是添加一个 AnimationSet（动画集合），把不同的Animation添加进去，最后StartAnimation这个容器

方法一

 public class MainActivity extends AppCompatActivity {

     private AnimationSet as;

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         slove();
     }

     private void slove() {
         findViewById(R.id.btn).setOnClickListener(new View.OnClickListener() {

             @Override
             public void onClick(View v) {
                 as = new AnimationSet(true);//是否使用动画补间
                 as.setDuration(1000);

                 AlphaAnimation aa = new AlphaAnimation(0,1);
                 aa.setDuration(1000);
                 as.addAnimation(aa);

                 TranslateAnimation ta = new TranslateAnimation(0, 0, 0, -500);
                 ta.setDuration(1000);
                 as.addAnimation(ta);

                 v.startAnimation(as);
             }
         });
     }
 }

方法二

 <?xml version="1.0" encoding="utf-8"?>
 <set xmlns:android="http://schemas.android.com/apk/res/android"
     android:shareInterpolator="true"
     android:duration="1000">

     <alpha
         android:fromAlpha="0"
         android:toAlpha="1" />

     <rotate
         android:fromDegrees="0"
         android:toDegrees="720"
         android:duration="1000"
         android:pivotX="50%"
         android:pivotY="50%" />

 </set>

 public class MainActivity extends AppCompatActivity {

     private AnimationSet as;

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         slove();
     }

     private void slove() {
         findViewById(R.id.btn).setOnClickListener(new View.OnClickListener() {

             @Override
             public void onClick(View v) {
                 v.startAnimation(AnimationUtils.loadAnimation(MainActivity.this, R.anim.anim));
             }
         });
     }
 }