补间动画基础备忘（3）
【摘要】
振动效果：
Android SDK提供了linear_interpolator、accelerate_interpolator、decelerate_interpolator、accelerator_decelerate_interpolator，其实还有一个cycle_interpolator，可以将它作为振动动画渲染器。由于其未在...
振动效果：
Android SDK提供了linear_interpolator、accelerate_interpolator、decelerate_interpolator、accelerator_decelerate_interpolator，其实还有一个cycle_interpolator，可以将它作为振动动画渲染器。由于其未在系统中定义，因此需要自己编写cycle_interpolator.xml文件，内容如下：
-
<cycleInterpolator xmlns:android="http://schemas.android.com/apk/res/android"
-
android:cycles="18" />
还有一个动画文件shake.xml，内容如下
-
<translate xmlns:android="http://schemas.android.com/apk/res/android"
-
android:duration="1000"
-
android:fromXDelta="0"
-
android:interpolator="@anim/cycle_interpolator"
-
android:toXDelta="10" />
public CycleInterpolator(float cycles)
-
public class Main extends Activity implements OnClickListener
-
{
-
-
@Override
-
public void onClick(View view)
-
{
-
Animation animation = AnimationUtils.loadAnimation(this, R.anim.shake);
-
EditText editText = (EditText)findViewById(R.id.edittext);
-
editText.startAnimation(animation);
-
-
}
-
-
@Override
-
public void onCreate(Bundle savedInstanceState)
-
{
-
super.onCreate(savedInstanceState);
-
setContentView(R.layout.main);
-
Button button = (Button) findViewById(R.id.button);
-
button.setOnClickListener(this);
-
}
-
}
自定义的动画渲染器：
实际上，我们也可以自己定义动画渲染器。要实现动画渲染器，需要实现Interpolator接口。示例实现了一个可以来回弹跳的动画渲染器。
渲染器的代码如下：
-
public class MyInterceptor implements Interpolator
-
{
-
-
@Override
-
public float getInterpolation(float input)
-
{
-
-
if (input <= 0.5)
-
return input * input;
-
else
-
return (1 - input) * (1 - input) ;
-
-
}
-
-
}
下面是translate.xml文件的内容：
-
<translate xmlns:android="http://schemas.android.com/apk/res/android"
-
android:duration="5000"
-
android:fromXDelta="0"
-
android:fromYDelta="0"
-
android:toXDelta="0"
-
android:toYDelta="1550" />
-
public class Main extends Activity
-
{
-
@Override
-
public void onCreate(Bundle savedInstanceState)
-
{
-
super.onCreate(savedInstanceState);
-
setContentView(R.layout.main);
-
ImageView imageView = (ImageView)findViewById(R.id.imageview);
-
Animation animation = AnimationUtils.loadAnimation(this, R.anim.translate);
-
animation.setInterpolator(new MyInterceptor());//装在自定义动画渲染器
-
animation.setRepeatCount(Animation.INFINITE);
-
imageView.startAnimation(animation);
-
-
}
-
}
以动画方式切换View的组件ViewFlipper
ViewFlipper可以实现不同View之间的切换。本示例，包含了三个XML布局文件，layout1.xml、layout2.xml、layout3.xml来定义三个View，每一个View都包含一个ImageView组件，当触摸第一个ImageView时，会以水平左移的方式切换到底二个ImageView。触摸第二个时，会以淡入淡出的方式切换到第三个ImageView
示例代码如下：
-
<?xml version="1.0" encoding="utf-8"?>
-
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
-
android:layout_width="fill_parent"
-
android:layout_height="fill_parent"
-
android:orientation="vertical" >
-
-
<ImageView
-
android:id="@+id/imageview1"
-
android:layout_width="fill_parent"
-
android:layout_height="fill_parent"
-
android:src="@drawable/image1" />
-
-
</LinearLayout>
-
public class Main extends Activity implements OnTouchListener
-
{
-
private ViewFlipper viewFlipper;
-
private Animation translateIn;
-
private Animation translateOut;
-
private Animation alphaIn;
-
private Animation alphaOut;
-
-
-
@Override
-
public boolean onTouch(View view, MotionEvent event)
-
{
-
switch (view.getId())
-
{
-
case R.id.imageview1:
-
viewFlipper.setInAnimation(translateIn);//关键代码
-
viewFlipper.setOutAnimation(translateOut);
-
break;
-
-
case R.id.imageview2:
-
viewFlipper.setInAnimation(alphaIn);//关键代码
-
viewFlipper.setOutAnimation(alphaOut);
-
break;
-
}
-
-
viewFlipper.showNext();
-
-
return false;
-
}
-
-
@Override
-
public void onCreate(Bundle savedInstanceState)
-
{
-
super.onCreate(savedInstanceState);
-
viewFlipper = (ViewFlipper) getLayoutInflater().inflate(R.layout.main,
-
null);
-
View view1 = getLayoutInflater().inflate(R.layout.layout1, null);
-
View view2 = getLayoutInflater().inflate(R.layout.layout2, null);
-
View view3 = getLayoutInflater().inflate(R.layout.layout3, null);
-
viewFlipper.addView(view1);
-
viewFlipper.addView(view2);
-
viewFlipper.addView(view3);
-
setContentView(viewFlipper);
-
translateIn = AnimationUtils.loadAnimation(this, R.anim.translate_in);
-
translateOut = AnimationUtils.loadAnimation(this, R.anim.translate_out);
-
alphaIn = AnimationUtils.loadAnimation(this, R.anim.alpha_in);
-
alphaOut = AnimationUtils.loadAnimation(this, R.anim.alpha_out);
-
ImageView imageView1 = (ImageView) view1.findViewById(R.id.imageview1);
-
ImageView imageView2 = (ImageView) view2.findViewById(R.id.imageview2);
-
imageView1.setOnTouchListener(this);
-
imageView2.setOnTouchListener(this);
-
-
}
-
}
文章来源: panda1234lee.blog.csdn.net，作者：panda1234lee，版权归原作者所有，如需转载，请联系作者。
原文链接：panda1234lee.blog.csdn.net/article/details/8797096
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）