Android-use Animation. RELATIVE_TO_SELF to make personalized animations

Android-use Animation. RELATIVE_TO_SELF to make personalized animations

In Android development, Animation is used to make effects for controls. Most controls can use this class. This class contains four basic actions: Moving, rotating, fading, and scaling.

There are two ways to use Animation:

Method 1: Create, set, and start an animation in the Code (move TranslateAnimation/rotate RotateAnimation/fade in and out AlphaAnimation/scale ScaleAnimation). This advantage is that you can easily debug the program effect;

Method 2: Set the control attributes in xml. The advantage is that the Code is highly reusable and the disadvantage is that debugging is not convenient.

The following is an example of how to create code:

Before the example is started, we will popularize two very important reference standards: Animation. RELATIVE_TO_SELF (relative to itself) and Animation. RELATIVE_TO_PARENT (relative to parent control (container )).

1. The imageView control changes from completely transparent to completely opaque. The duration is 0.2 s;

private void toVisibleAnim(View view){AlphaAnimation alphaAnimation = new AlphaAnimation(0.0f, 1.0f);alphaAnimation.setDuration(200);view.startAnimation(alphaAnimation);}

2. The imageView control scales from the original size to the center of its own size to 0 and lasts for 0.2 s;

private void toHideAnim(View view){ScaleAnimation scaleAnimation = new ScaleAnimation(1.0f, 0.0f, 1.0f, 0.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);scaleAnimation.setDuration(200);view.startAnimation(scaleAnimation);}

3. The imageView control rotates 90 degrees in the center of itself and lasts for 0.2 s;

private void rotateAnim(View view){view.setVisibility(View.VISIBLE);RotateAnimation rotateAnimation = new RotateAnimation(0, 90, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);rotateAnimation.setDuration(200);view.startAnimation(rotateAnimation);}

4. The imageView control slides its width horizontally to the left from the rightmost end of its position for 0.2 s;

private void showScrollAnim(View view) {view.setVisibility(View.VISIBLE);TranslateAnimation mShowAction = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 1.0f, Animation.RELATIVE_TO_SELF,0.0f, Animation.RELATIVE_TO_SELF, 0.0f,Animation.RELATIVE_TO_SELF, 0.0f);mShowAction.setDuration(200);view.startAnimation(mShowAction);}

5. The image control slides horizontally to the right from the leftmost end of its position to hide the animation. The duration is 0.2 s.

private void hiddenScrollAnim(LinearLayout view) {view.setVisibility(View.GONE);TranslateAnimation mHiddenAction = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF,1.0f, Animation.RELATIVE_TO_SELF, 0.0f,Animation.RELATIVE_TO_SELF, 0.0f);mHiddenAction.setDuration(200);view.startAnimation(mHiddenAction);}