标签:
当用户点击了=
以后,为了让结果区域的显示和表达式区域的清空显得很优雅,我们可以为它们添加淡如淡出的效果:让结果区域的文字淡入,让表达式区域的文字淡出。
这种效果可以使用动画实现。
安卓系统的动画可以分成,
透明效果
平移效果
缩放效果
或者旋转效果
;我们准备加入的文字淡入淡出效果,就是渐变动画的透明效果
。
在项目浏览框
,找到res目录
,点击右键,选择new
->android resource file
;
在对应栏位按照下图填写,创建一个淡入动画;
打开刚创建好的xml文件,定义淡入动画;android:fromAlpha
指定动画开始时,动画对象的透明度;android:toAlpha
指定动画结束时,动画对象的透明度;android:duration
指定了动画持续的时间,单位是毫秒;android:interpolator
指定了动画显示过程中变化的速度;
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<alpha
android:fromAlpha="0.0"
android:toAlpha="1.0"
android:duration="1500"
android:interpolator="@android:anim/linear_interpolator"/>
</set>
根据前面的操作,继续创建一个淡出动画,叫做fade_out
,
<set xmlns:android="http://schemas.android.com/apk/res/android">
<alpha
android:fromAlpha="1.0"
android:toAlpha="0.0"
android:duration="1500"
android:interpolator="@android:anim/linear_interpolator"/>
</set>
AnimationUtils.loadAnimation()
函数加载我们定义的动画;startAnimation()
方法设置对象;public void onClick(View view)
{
switch (view.getId()) {
......
case R.id.btn_equ: {
TextView formula = (TextView) findViewById(R.id.formula_area);
String strContent = formula.getText().toString();
try {
Symbols s = new Symbols();
double res = s.eval(strContent);
TextView result = (TextView) findViewById(R.id.result_area);
result.setText(String.valueOf(res));
Animation fadeIn = AnimationUtils.loadAnimation(MainActivity.this, R.anim.fade_in);
result.startAnimation(fadeIn);
formula.setText("");
} catch (SyntaxException e) {
......
}
}
break;
}
}
如果使用9.2.1中的方式,直接对对象使用淡出效果,会发现对象一开始就消失不见了,而不是逐步消失的。因为在动画开始之前,我们就已经通过formula.setText("");
将表达式区域设置成空了。因此,需要在淡出动画完成后,再把表达式区域设置成空。
AnimationUtils.loadAnimation()
函数加载我们定义的动画;public void onClick(View view)
{
switch (view.getId()) {
......
case R.id.btn_equ: {
TextView formula = (TextView) findViewById(R.id.formula_area);
String strContent = formula.getText().toString();
try {
......
Animation fadeOut = AnimationUtils.loadAnimation(MainActivity.this, R.anim.fade_out);
formula.startAnimation(fadeOut);
fadeOut.setAnimationListener(new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
}
@Override
public void onAnimationEnd(Animation animation) {
TextView formula = (TextView) findViewById(R.id.formula_area);
formula.setText("");
}
@Override
public void onAnimationRepeat(Animation animation) {
}?});
} catch (SyntaxException e) {
......
}
}
break;
}
}
至此,整个动画的添加就完成了,运行程序,开始计算操作,可以看到动画效果了。
/*******************************************************************/
* 版权声明
* 本教程只在CSDN和安豆网发布,其他网站出现本教程均属侵权。
/*******************************************************************/
经过前面的学习和实践,我们已经开发出了一款简单的计算器应用,对安卓应用开发有了整体的认识。
安卓开发的学习还有更多有趣好玩的道路需要走,下面给出一些学习的建议和方法:
标签:
原文地址:http://blog.csdn.net/anddlecn/article/details/51860326