zoukankan      html  css  js  c++  java
  • android开发之Animations的使用(二)

    android开发之Animations的使用(二)

    本博文主要讲述的是android开发中的animation动画效果的使用,和上一篇博文不同的是,此次四种动画效果,主要使用的是xml文件实现的,提高了代码的可重用性和可维护性.

    使用的基本过程例如以下:

    1、首先在res目录下创建一个anim目录
     2、在此目录中新建四种动画效果的xml文件(scale.xml,rotate.xml,alpha.xml,translate.xml)
     3、在代码中直接使用AnimationUtils调用静态方法loadAnimation载入创建一个animation对象
     4、执行animation对象


    实例代码例如以下:

    package com.example.animationtest2;


    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.AnimationUtils;
    import android.widget.Button;
    import android.widget.ImageView;




    public class MainActivity extends Activity {


    private ImageView imageView = null;
    private Button scaleButton = null;
    private Button translateButton = null;
    private Button rotateButton = null;
    private Button alphaButton = null;



    @Override
    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    imageView = (ImageView)findViewById(R.id.myImage);
    scaleButton = (Button)findViewById(R.id.scaleButton);
    translateButton = (Button)findViewById(R.id.translateButton);
    rotateButton = (Button)findViewById(R.id.rotateButton);
    alphaButton = (Button)findViewById(R.id.alphaButton);

    scaleButton.setOnClickListener(new setScaleListener());
    translateButton.setOnClickListener(new setTranslateListener());
    rotateButton.setOnClickListener(new setRotateListener());
    alphaButton.setOnClickListener(new setAlphaListener());

    }

    //动画缩放效果监听器
    class setScaleListener implements OnClickListener{


    @Override
    public void onClick(View v) {
    // TODO Auto-generated method stub
    Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.scale);

    imageView.startAnimation(animation);
    }

    }

    //动画移动效果监听器
    class setTranslateListener implements OnClickListener{


    @Override
    public void onClick(View v) {
    // TODO Auto-generated method stub
    Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.translate);

    imageView.startAnimation(animation);
    }

    }

    //旋转动画效果监听器
    class setRotateListener implements OnClickListener{


    @Override
    public void onClick(View v) {
    // TODO Auto-generated method stub
    Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.rotate);

    imageView.startAnimation(animation);
    }

    }


    //渐入渐出动画效果监听器
    class setAlphaListener implements OnClickListener{


    @Override
    public void onClick(View v) {
    // TODO Auto-generated method stub
    Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.alpha);

    imageView.startAnimation(animation);
    }

    }





    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main, menu);
    return true;
    }


    }




    主布局文件main.xml:

    <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" >


        <TextView
            android:id="@+id/myText"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/hello_world" />
        
        <LinearLayout 
            android:id="@+id/imgLayout"
            android:layout_below="@id/myText"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:padding="55dp"
            >
            <ImageView
            android:id="@+id/myImage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher"
            />
        </LinearLayout>
        
        
        <Button 
            android:id="@+id/scaleButton"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/imgLayout"
            android:text="@string/scale"
            />
        
        <Button 
            android:id="@+id/translateButton"
            android:layout_below="@id/scaleButton"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="@string/translate"
            />
        
        <Button 
            android:id="@+id/rotateButton"
            android:layout_below="@id/translateButton"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="@string/rotate"
            />
        
        <Button 
            android:id="@+id/alphaButton"
            android:layout_below="@id/rotateButton"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="@string/alpha"
            />


    </RelativeLayout>






    四种动画效果的xml文件分别例如以下:

    scale.xml:

    <?

    xml version="1.0" encoding="utf-8"?>
    <set android:shareInterpolator="true" xmlns:android="http://schemas.android.com/apk/res/android">
        <scale 
            android:fromXScale="1"
            android:toXScale="0"
            android:fromYScale="1"
            android:toYScale="0"
            android:pivotX="50%"
            android:pivotY="50%"
            android:duration="2000"
            />
    <!-- 50%p  表示 相对父控件的中间位置 -->
       <!-- 50%   表示相对自身的中间位置 -->
       <!-- 50   表示绝对位置 -->
    </set>


    rotate.xml:

    <?

    xml version="1.0" encoding="utf-8"?>
    <set android:shareInterpolator="true" xmlns:android="http://schemas.android.com/apk/res/android">
    <rotate 
       android:fromDegrees="0"
       android:toDegrees="-360"
       android:pivotX="50%"
       android:pivotY="50%"
       android:duration="2000"
       />   
       <!-- 50%p  表示 相对父控件的中间位置 -->
       <!-- 50%   表示相对自身的中间位置 -->
       <!-- 50   表示绝对位置 -->
       <!-- 360 表示顺时针  -360表示逆时针旋转 --> 
    </set>


    alpha.xml:


    <?xml version="1.0" encoding="utf-8"?>
    <set android:shareInterpolator="true" xmlns:android="http://schemas.android.com/apk/res/android">  <!-- set相当于AnimationSet对象 -->    
        <alpha
            android:fromAlpha="1.0"
            android:toAlpha="0.1"
            android:duration="2000"
            />
    </set>


    translate.xml:

    <?xml version="1.0" encoding="utf-8"?>
    <set android:shareInterpolator="true" xmlns:android="http://schemas.android.com/apk/res/android">
        <translate 
            android:fromXDelta="0%"
            android:toXDelta="50%"
            android:fromYDelta="0%"
            android:toYDelta="100%"
            android:duration="2000"
            />
        
          <!-- 50%p  表示 相对父控件的中间位置 -->
       <!-- 50%   表示相对自身的中间位置 -->
       <!-- 50   表示绝对位置 -->

    </set>


    实现效果例如以下:



    按下相关button查看相关效果



  • 相关阅读:
    转贴"三个月内通过Adsense赚一百万美金"
    今天申请了Google Adsense
    Asp.Net Core 多样性的配置来源
    Identity第二章
    Identity第一章
    Identity第三章 Authorize原理解析
    async和await
    ASP.Net Core简介
    【学习笔记】后缀数组 SA
    题解 [NOI2009] 植物大战僵尸
  • 原文地址:https://www.cnblogs.com/bhlsheji/p/5264451.html
Copyright © 2011-2022 走看看