Android View动画用于在android应用程序中的TextView和EditText上应用惊人的动画。这样的动画以一种新的方式为应用程序提供了平滑的外观。在本文中,我们将在Android Studio中开发Android View动画效果。
我们将在本文中构建什么?
在本文中,我们将开发一个具有TextView动画效果的示例应用程序。下面给出了一个gif示例,以使我们对本文中要做的事情有一个了解。注意,我们将使用Java语言实现该项目。
分步实施
步骤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
仅此而已,现在可以在设备上安装应用程序了。这是应用程序输出的样子。
输出: