2D翻转
看到android实现的一个效果视频,就学习一下:
一、2D翻转:
呵,我来说就是一张图片先收缩,另一张图片在展开.
二、实现效果:
三、实现源码:
Main:
package com.example.card2d; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.view.View; import android.view.View.OnClickListener; import android.view.animation.Animation; import android.view.animation.Animation.AnimationListener; import android.view.animation.ScaleAnimation; import android.widget.ImageView; import android.widget.Toast; public class MainActivity extends Activity { private ImageView imgeA; private ImageView imgeB; //创建动画 private ScaleAnimation sato1 =new ScaleAnimation(1, 0, 1, 1, Animation.RELATIVE_TO_PARENT, 0.5f, Animation.RELATIVE_TO_PARENT, 0.5f); private ScaleAnimation sato2 =new ScaleAnimation(0, 1, 1, 1, Animation.RELATIVE_TO_PARENT, 0.5f, Animation.RELATIVE_TO_PARENT, 0.5f); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); findViewById(R.id.root).setOnClickListener(new OnClickListener() { public void onClick(View arg0) { // TODO Auto-generated method stub if(imgeA.getVisibility() == View.VISIBLE){ imgeA.startAnimation(sato1); }else{ imgeB.startAnimation(sato1); } } }); } private void showImgA(){ imgeA.setVisibility(View.VISIBLE); imgeB.setVisibility(View.INVISIBLE); } private void showImgB(){ imgeA.setVisibility(View.INVISIBLE); imgeB.setVisibility(View.VISIBLE); } private void initView(){ imgeA =(ImageView) findViewById(R.id.viA); imgeB =(ImageView) findViewById(R.id.viB); showImgA(); sato1.setDuration(500); sato2.setDuration(500); sato1.setAnimationListener(new AnimationListener() { @Override public void onAnimationStart(Animation arg0) { // TODO Auto-generated method stub } @Override public void onAnimationRepeat(Animation arg0) { // TODO Auto-generated method stub } @Override public void onAnimationEnd(Animation arg0) { // TODO Auto-generated method stub if(imgeA.getVisibility() == View.VISIBLE){ imgeA.setAnimation(null); showImgB(); imgeB.startAnimation(sato2); }else{ imgeB.setAnimation(null); showImgA(); imgeA.startAnimation(sato2); } } }); } }
布局文件:
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/root" tools:context=".MainActivity" > <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/viA" android:src="@drawable/c1" /> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/viB" android:src="@drawable/c2" /> </FrameLayout>
四、分析:
源码很简单,看看就懂了.
执行过程:
当鼠标点击的时候,imgeA执行动画1,imgeA进行收缩,当动画1结束时,执行showImgB(),使得imgeA隐藏,imgeB显示,而imgeB的显示效果,就要imgeB执行动画2.
当鼠标第二次点击的时候,imgeB执行动画1,进行图片收缩,当动画结束时,执行showImgA(),使得imgeA显示,imgeB隐藏,而imgeA的显示效果,就要imgeA执行动画2.
相关推荐
沈宫新 2020-06-11
冰蝶 2020-04-20
vavid 2020-04-20
aSuncat 2020-03-01
ShylaDong 2020-02-25
csdnuuu 2020-02-14
wangjie 2020-02-12
CaiKanXP 2020-01-12
wangqing 2019-12-28
lanzhusiyu 2020-01-05
zengni 2019-12-25
waterv 2019-12-10
我就是停不下来 2014-01-16
sorryericsson 2014-01-16
GoAheadY 2011-04-11
风火一回一生不毁 2014-05-29