简单的动画效果

alpha.xml:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha android:fromAlpha="0.1"
        android:toAlpha="1.0"
        android:duration="3000"/>
</set>

rotate.xml:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
  <rotate android:interpolator="@android:anim/accelerate_decelerate_interpolator"
      android:fromDegrees="0"
      android:toDegrees="+350"
      android:pivotX="50%"
      android:pivotY="50%"
      android:duration="3000"/>
</set>

scale.xml:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale android:fromXScale="0.0"
        android:toXScale="1.4"
        android:fromYScale="0.0"
        android:toYScale="1.4"
        android:pivotX="50%"
        android:pivotY="50%"
        android:fillAfter="false"
        android:duration="700"/>
</set>

translate.xml:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
   <translate android:fromXDelta="30"
       android:toXDelta="-80"
       android:fromYDelta="30"
       android:toYDelta="300"
       android:duration="2000"/>
</set>

layout:

<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

<ImageView
        android:id="@+id/imageView1"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="24dp"
        android:layout_marginTop="18dp"
        android:src="@drawable/img1" />

<ImageView
        android:id="@+id/imageView2"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_alignParentRight="true"
        android:layout_alignTop="@+id/imageView1"
        android:layout_marginRight="16dp"
        android:src="@drawable/img4" />

<Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/imageView1"
        android:layout_below="@+id/imageView1"
        android:layout_marginTop="30dp"
        android:text="Button" />

<Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/button1"
        android:layout_alignLeft="@+id/imageView2"
        android:text="Button" />

<ImageView
        android:id="@+id/imageView3"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_alignLeft="@+id/button2"
        android:layout_below="@+id/button2"
        android:src="@drawable/img5" />

<Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/imageView3"
        android:layout_below="@+id/imageView3"
        android:text="Button" />

<Button
        android:id="@+id/button4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@+id/button1"
        android:layout_alignTop="@+id/button3"
        android:layout_marginTop="16dp"
        android:text="Button" />

<ImageView
        android:id="@+id/imageView4"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_alignLeft="@+id/button4"
        android:layout_alignTop="@+id/imageView3"
        android:layout_marginTop="16dp"
        android:src="@drawable/img2" />
   
</RelativeLayout>

Activity:

public class MainActivity extends Activity implements OnClickListener{
private ImageView img1;
private ImageView img2;
private ImageView img3;
private ImageView img4;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  img1=(ImageView)findViewById(R.id.imageView1);
  img2=(ImageView)findViewById(R.id.imageView2);
  img3=(ImageView)findViewById(R.id.imageView3);
  img4=(ImageView)findViewById(R.id.imageView4);
  findViewById(R.id.button1).setOnClickListener(this);
  findViewById(R.id.button2).setOnClickListener(this);
  findViewById(R.id.button3).setOnClickListener(this);
  findViewById(R.id.button4).setOnClickListener(this);
 }
 @Override
 public void onClick(View v) {
  switch(v.getId()){
  case R.id.button1:
   Animation animation=AnimationUtils.loadAnimation(this, R.anim.alpha);
   img1.startAnimation(animation);
   break;
  case R.id.button2:
   Animation animation1=AnimationUtils.loadAnimation(this, R.anim.scale);
   img2.startAnimation(animation1);
   break;
  case R.id.button3:
   Animation animation2=AnimationUtils.loadAnimation(this, R.anim.translate);
   img3.startAnimation(animation2);
   break;
  case R.id.button4:
   Animation animation3=AnimationUtils.loadAnimation(this, R.anim.rotate);
   img4.startAnimation(animation3);
   break;
  }
  
 }

时间: 2024-10-09 14:10:57

简单的动画效果的相关文章

js实现简单的动画效果之移动

不准时更新的日常,这次我们使用javaScript实现一个简单的动画移动效果,其思路想法很简单,就是采用"CSS DOM",对元素的位置进行改变.然后使用setTimeout()函数,对改变位置的函数进行反复调用,让文字或图片进行移动,行成动画效果. 废话不多说,直接上code: 这是HTML: <body> <p id="message"> 逝者如斯夫,不舍昼夜. </p> <script src="js/ini

定时器 + 简单的动画效果

1.向下滑动 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>向下滑动</title> 6 <style> 7 body { 8 margin: 0px; 9 } 10 #show { 11 width: 200px; 12 /* 高度为 0 */ 13 height: 1

一个简单hover动画效果

HTML: <div id="demo1" class="demo">demo1</div> <div id="demo2" class="demo">demo2</div> CSS: .demo { width: 100px; height: 100px; text-align: center; line-height: 100px; border: 10px solid #c

代码:一个简单css3动画效果demo

四行文字会逐次掉落: <style type="text/css"> @-webkit-keyframes fadeInDown1 { 0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .div1

用javascript实现简单的动画效果的一个小实例

一.主要功能介绍:打开页面时文字会动态的从上面滑下来.下面的箭头链接会自动闪烁. 二.实时视图如下: 三.原代码如下 <!DOCTyPE html> <head> <script src="js/jquery-2.1.4.min.js"></script> <script> setInterval("changeImage()",2000);//定时函数 /*下面的为一个自定意函数*/   function

使用模块化管理工具seajs实现简单动画效果

今天使用模块化的管理工具seajs实现了一个简单的动画效果. seajs具有简单友好的模块定义规范.seajs遵循CMD规范,可以像nodejs一样编写代码. seajs具有自然直观的代码组织方式.依赖的自动加载,配置简洁清晰. 通过学习,发现seajs的使用是具有一个标准的格式的,如下define(function(require,exports,module){ //定义的代码块 });其中回调的参数名和顺序都是不可改变的. 这次小动画实现的文件结构: word.html代码如下: 1 <!

ios开发之--简单动画效果的添加

记录一个简单的动画效果,自己写的,很简单,仅做记录. 附一个demo的下载地址: https://github.com/hgl753951/hglTest.git 代码如下: 1,准备 BOOL _isOpen; NSMutableArray * _btnArray; 2,具体代码 -(void)initUI { _btnArray = [[NSMutableArray alloc]init]; for (int i=0; i<4; i++) { UIButton * btn = [UIButt

Animation动画效果简单汇总

------------案例结构很复杂一步步来------------ 1.activity_main.xml(首先看启动界面布局文件,里面有2个button) <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width=&q

一个简单的循环往复的动画效果

1.概述:在我们编程时会用到一些简单的动画效果,下面介绍一个: 2.代码如下: <!DOCTYPE HTML> <HTML> <HEAD> <TITLE> By ShaZhou </TITLE> </HEAD> <BODY> <div class="dotA" style="position:absolute">a</div> <div class=&q