java实现两张图片2D翻转动画效果

本文实例为大家分享了java实现两张图片2D翻转动画的具体代码,供大家参考,具体内容如下

这可能是简单的动画效果吧,但是感觉还挺有意思的。

效果如下

XML代码如下,很简单只有两个imageview

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/framelayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.dreverse.MainActivity" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:src="@drawable/image1" />

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:src="@drawable/image2" />

</FrameLayout>

java代码,也挺简单的

/*the reversing animation of two pictures
 * @author stephenson feng
 * @date 2016-9-4
 * */
package com.example.dreverse;

import android.app.Activity;
import android.os.Bundle;
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;

public class MainActivity extends Activity {

    private ImageView imageview1;
    private ImageView imageview2;
    //第一个动画,效果是像翻转似得消失
    //第一个参数和第二个参数表示在x轴上的变化:从1变为0。
    //第三个参数和第四个参数表示在y轴上的变化:从1变为1,没有变化。
    //第五个参数和第六个参数表示在x轴上的变化所参考的位置:RELATIVE_TO_PARENT沿着父级空间,0.5f的中心点。
    //第七个参数和第八个参数表示在y轴上的变化所参考的位置:含义与x轴类似
    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);
        //自定义的一个初始化方法
        initImage();
        //主布局使用的是框架布局framelayout,其中只有一个图片,所以点击framelayout时候就翻转图片
        findViewById(R.id.framelayout1).setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                if (imageview1.isShown()) {//当前的图片是图片1
                    imageview1.startAnimation(sato1);//图片1翻转式消失
                }else {//当前图片是图片2的话,图片2就翻转式消失
                    imageview2.startAnimation(sato1);
                }
            }
        });
    }
    private void showImage1(){
        imageview1.setVisibility(View.VISIBLE);//图片1可见
        imageview2.setVisibility(View.INVISIBLE);//图片2不可见
    }
    private void showImage2(){
        imageview1.setVisibility(View.INVISIBLE);//图片1不可见
        imageview2.setVisibility(View.VISIBLE);//图片2可见
    }
    private void initImage(){
        imageview1 = (ImageView) findViewById(R.id.imageView1);
        imageview2 = (ImageView) findViewById(R.id.imageView2);
        showImage1();//默认显示图片1
        sato1.setDuration(1000);//给动画设置执行时间
        sato2.setDuration(1000);
        //给动画1设置时间监听器,因为要的效果是:在动画一结束时立即开始动画2
        sato1.setAnimationListener(new AnimationListener() {

            @Override
            public void onAnimationStart(Animation animation) {
                // TODO Auto-generated method stub
            }

            @Override
            public void onAnimationRepeat(Animation animation) {
                // TODO Auto-generated method stub
            }
            //动画结束的时候执行的方法          
            @Override
            public void onAnimationEnd(Animation animation) {
                //如果当前图片是图片1
                if (imageview1.getVisibility()==View.VISIBLE) {
                    //把图片1的动画设置为空,现在图片1的不需要了。也方便下一次设置动画
                    imageview1.setAnimation(null);
                    imageview2.startAnimation(sato2);//图片2按照动画2出场   
                    showImage2();//动画播完了后,把图片2显示出来
                }else {//如果当前的图片是图片2,图片1就翻转式的出现
                    imageview2.setAnimation(null);
                    imageview1.startAnimation(sato2);
                    showImage1();
                }
            }
        });
    }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • javafx实现图片3D翻转效果方法实例

    实现步骤: 1.定义FlipView对象.包含以下属性: 复制代码 代码如下: //正面视图 public Node frontNode; //反面视图 public Node backNode; //是否翻转 boolean flipped = false; //翻转角度 DoubleProperty time = new SimpleDoubleProperty(Math.PI / 2); //正面翻转特效 PerspectiveTransform frontEffect = new Per

  • Java实现图片翻转以及任意角度旋转

    最近几天在做一个项目,因为涉及到了图片(绝大部分都不是整图,是把一张张的大图切成小图,也就是Title)的翻转以及90°旋转,弄得焦头烂额.在网上搜索好几天,发现用到的方法都是比较公式化的,对于只是在绘图的时候需要显示翻转而不需要另外生成图片的情况,这些代码用起来非常的麻烦.最后仔细的研究了一下JDK文档,用Graphics2D很简单的就实现了以下功能: 1.图片的翻转,包括水平翻转以及垂直翻转 2.图片的任意角度旋转.因为工程需要,代码里面都直接写成了+90,根据需要,可以对这个值进行改动,以

  • java实现图片水平和垂直翻转效果

    最近在做小型游戏,遇到了要翻转图片的苦恼,经过我一下午的研究,终于发现了一种好用的方法. 部分代码来源于别人,我在这个基础上修改了下,变得更好用了,之前的别人Image输入都是BufferedImage,我改成了Image,也就是加了一个转换. 大家如果看不懂代码没关系,会用就行了,我会展示一下怎么用的. ImageRotate类 package mypackage; import javax.imageio.ImageIO; import java.awt.*; import java.awt

  • Java实现图片旋转、指定图像大小和水平翻转

    本文实例为大家分享了Java实现图片旋转.指定图像大小.水平翻转,供大家参考,具体内容如下 package com.zeph.j2se.image; import java.awt.Graphics2D; import java.awt.RenderingHints; import java.awt.image.BufferedImage; public class ImageOperate { /** * 旋转图片为指定角度 * * @param bufferedimage * 目标图像 *

  • java实现两张图片2D翻转动画效果

    本文实例为大家分享了java实现两张图片2D翻转动画的具体代码,供大家参考,具体内容如下 这可能是简单的动画效果吧,但是感觉还挺有意思的. 效果如下 XML代码如下,很简单只有两个imageview <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.android.com/tools"     andro

  • Android如何实现翻转动画效果(卡片翻转)

    目录 前言 需求 一.先介绍三个插值器 二.实现步骤 1.效果图 2.布局 3.逻辑判断(是否隐藏) 4.翻转动画 5.bug出现 6.bug解决 三.源码 四.总结 前言 最近好友问计蒙翻转动画,恰好在大二那年看Android Api Demo时记了笔记,由此写一篇文章. 需求 屏幕右滑事件触发卡片的翻转效果 ,为了方便,在例子中将右滑事件改成按钮点击事件 老规矩,最后有源码 一.先介绍三个插值器 LinearInterpolator()     其变化速率恒定 AccelerateInter

  • JAVA比较两张图片相似度的方法

    本文实例讲述了JAVA比较两张图片相似度的方法.分享给大家供大家参考.具体如下: 摘要: importjava.awt.image.BufferedImage; importjava.io.File; importjavax.imageio.ImageIO; /***比较两张图片的相似度*@authorGuihua**/publicclassBMPLoader{//改变成二进制码 publicstaticString[][]getPX(Stringargs){int[]rgb=newint[3]

  • python实现基于两张图片生成圆角图标效果的方法

    本文实例讲述了python实现基于两张图片生成圆角图标效果的方法.分享给大家供大家参考.具体分析如下: 使用pil的蒙版功能,将原图片和圆角图片进行叠加,并将圆角图片作为mask,生成新的圆角图片 from PIL import Image flower = Image.open('flower.png') border = Image.open('border.png') source = border.convert('RGB') flower.paste(source, mask=bord

  • Android实现Flip翻转动画效果

    本文实例讲述了Android实现Flip翻转动画效果的方法,分享给大家供大家学习借鉴. 具体实现代码如下: LinearLayout locationLL = (LinearLayout) findViewById(R.id.locationLL); LinearLayout baseLL = (LinearLayout) findViewById(R.id.baseLL); private void flipit() { Interpolator accelerator = new Accel

  • Android实现3D翻转动画效果

    Android中并没有提供直接做3D翻转的动画,所以关于3D翻转的动画效果需要我们自己实现,那么我们首先来分析一下Animation 和 Transformation. Animation动画的主要接口,其中主要定义了动画的一些属性比如开始时间,持续时间,是否重复播放等等.而Transformation中则包含一个矩阵和alpha值,矩阵是用来做平移,旋转和缩放动画的,而alpha值是用来做alpha动画的,要实现3D旋转动画我们需要继承自Animation类来实现,我们需要重载getTrans

  • 利用Matlab复刻两款粒子爱心动画效果

    目录 粒子爱心1 效果图 粒子爱心2 效果图 粒子爱心1 function particleHeart1 % @author : slandarer % 调整背景及比例 ax=gca;hold on ax.DataAspectRatio=[1,1,1]; ax.XLim=[-25,25]; ax.YLim=[-25,20]; ax.Color=[0,0,0]; ax.XColor='none'; ax.YColor='none'; set(gcf,'Color',[0,0,0]); % 散点位置

  • android实现图片闪烁动画效果的两种实现方式(实用性高)

    大家在使用APP的时候,有的APP在点击语音搜索界面后,会出现一个小话筒,小话筒会类似雷达似得在闪烁,表示正在倾听你说话的内容(这个大家可以参照微软的必应APP),那么问题来了,这种动画效果是如何实现的呢?其实实现这种动画效果有很多种方法,最常见的是两种:第一种就是插入n张图片进行切换已达到如此目的,第二种就是通过改变一张图片的透明度来达到闪烁的效果.下面就分别讲一下通过这两种方法如何实现. 第一种:通过n张图片之间切换实现动画效果 这种方法的原理很简单,利用handler的延时机制在子线程中完

  • Java 给PPT添加动画效果的示例

    PPT幻灯片中对形状可设置动画效果,常见的动画效果为内置的固定类型,即动画效果和路径是预先设定好的固定模板,但在设计动画效果时,用户也可以按照自己的喜好自定义动画动作路径.下面,通过Java后端程序代码来展示如何给PPT添加动画效果.包括预设动画以及自定动画效果的方法. 本次测试环境包括: 目标测试文档:Power Point 2013 编译环境:IntelliJ IDEA 2018 JDK版本:1.8.0 PPT库版本:spire.presentation.jar 4.3.2 注:在通过该PP

  • Flutter进阶之实现动画效果(十)

    前面的两篇文章[动画效果(八).动画效果(九)]中,我们只需要统计产品和地区,如果现在增加一个统计项目--销售渠道,那么使用之前的堆叠条形图和分组条形图都不适合.我们可以将两者结合,使用分组+堆叠条形图,实际效果如下图所示: 如上图,我们使用同一种颜色的不同透明度表示不同的销售渠道,为了实现不同的透明度,我们需要先更新一下color_palette.dart文件的代码: import 'package:flutter/material.dart'; import 'dart:math'; cla

随机推荐