📜  如何在Android中应用视图动画效果?

📅  最后修改于: 2021-05-09 18:41:42             🧑  作者: Mango

Android View动画用于在android应用程序中的TextView和EditText上应用惊人的动画。这样的动画以一种新的方式为应用程序提供了平滑的外观。在本文中,我们将在Android Studio中开发Android View动画效果。

我们将在本文中构建什么?

在本文中,我们将开发一个具有TextView动画效果的示例应用程序。下面给出了一个gif示例,以使我们对本文中要做的事情有一个了解。注意,我们将使用Java语言实现该项目。

如何在Android中应用视图动画效果

分步实施

步骤1:创建一个新项目

要在Android Studio中创建新项目,请参阅如何在Android Studio中创建/启动新项目。请注意,选择Java作为编程语言。

第2步:添加依赖项

现在,导航至Gradle脚本> build.gradle(Module:app)在“依赖项”部分添加以下依赖项。

Java
implementation 'com.daimajia.androidanimations:library:2.4@aar'


XML


  
    
    
  
    
    


Java
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
  
import androidx.appcompat.app.AppCompatActivity;
import com.daimajia.androidanimations.library.Techniques;
import com.daimajia.androidanimations.library.YoYo;
  
public class MainActivity extends AppCompatActivity {
    
   // declaring textView
   TextView textView;
    
   // declaring button
   Button button;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
  
        // initializing textView by findViewById
        textView= findViewById(R.id.textView);
  
        // initializing button by findViewById
        button= findViewById(R.id.button);
  
        // apply click event to button
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
  
                // making animated textView using YoYo.with()
                // Tada can be replaced with other animation Effects
                YoYo.with(Techniques.Tada)
                        .duration(700)
                        .repeat(5)
                        .playOn(findViewById(R.id.textView));
            }
        });
    }
}


现在,同步您的项目,现在我们拥有实施过程中所需的一切,因此,现在就开始实施吧。

步骤3:使用activity_main.xml文件

现在,转到应用程序> res>布局> activity_main.xml ,并将下面编写的代码粘贴到activity_main.xml文件中。

XML格式



  
    
    
  
    
    

步骤4:使用MainActivity。 Java文件

转到应用> Java >程序包名称> MainActivity。 Java文件并参考以下代码。下面是MainActivity的代码。 Java文件。在代码内部添加了注释,以更详细地了解代码。

Java

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
  
import androidx.appcompat.app.AppCompatActivity;
import com.daimajia.androidanimations.library.Techniques;
import com.daimajia.androidanimations.library.YoYo;
  
public class MainActivity extends AppCompatActivity {
    
   // declaring textView
   TextView textView;
    
   // declaring button
   Button button;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
  
        // initializing textView by findViewById
        textView= findViewById(R.id.textView);
  
        // initializing button by findViewById
        button= findViewById(R.id.button);
  
        // apply click event to button
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
  
                // making animated textView using YoYo.with()
                // Tada can be replaced with other animation Effects
                YoYo.with(Techniques.Tada)
                        .duration(700)
                        .repeat(5)
                        .playOn(findViewById(R.id.textView));
            }
        });
    }
}

笔记:

我们还可以使用其他动画效果,例如Tada。下面列出了一些美丽的效果及其类别:

  • 注意:闪光,脉冲,橡皮筋,震动,摇摆,摆动,弹跳,多田,站立,波动
  • 特殊:铰链,滚入,滚出,着陆,起飞,降落
  • 跳动: BounceIn,BounceInDown,BounceInLeft,BounceInRight,BounceInUp
  • 淡入淡出: FadeIn,FadeInUp,FadeInDown,FadeInLeft,FadeInRight,FadeOut,FadeOutDown,FadeOutLeft,FadeOutRight,FadeOutUp
  • 翻转: FlipInX,FlipOutX,FlipOutY
  • 旋转: RotateIn,RotateInDownLeft,RotateInDownRight,RotateInUpLeft,RotateInUpRight,RotateOut,RotateOutDownLeft,RotateOutDownRight,RotateOutUpLeft,RotateOutUpRight
  • 幻灯片: SlideInLeft,SlideInRight,SlideInUp,SlideInDown,SlideOutLeft,SlideOutRight,SlideOutUp,SlideOutDown
  • 缩放: ZoomIn,ZoomInDown,ZoomInLeft,ZoomInRight,ZoomInUp,ZoomOut,ZoomOutDown,ZoomOutLeft,ZoomOutRight,ZoomOutUp

仅此而已,现在可以在设备上安装应用程序了。这是应用程序输出的样子。

输出: