Android Activity跳转动画,让你的APP瞬间绚丽起来

  • Post author:
  • Post category:其他


我们都知道绚丽的APP总会给用户耳目一新的感觉,为了抓住用户更大网络公司使出浑身解数让自己的产品更绚丽,而绚丽最简单的效果就是Activity跳转效果,不仅可以让用户看起来舒服,而且实现起来也特别简单,好,下面就让我们实现这些效果,告别原生态的跳转效果吧!

首先新建一个Android项目,起名叫作AndroidSwitch。实在不知道起什么名字了,就有道了一个这样的名字,首先让我们先看一下XML代码很简单,就一个LIstview 代码如下所示:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:orientation="vertical" >

  <ListView
    android:id="@+id/listView1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >
  </ListView>

</LinearLayout>

这个XML中的ListView主要负责盛装一些效果的点击事件,显示效果的文字我会放在Values,一起同项目给你们!跳转效果.跳转效果,最重要的当然是动画了,.没有动画谈何效果,所以我们在res文件新建一个anim文件用于放各种动画,动画挺多的,我就举一个简单的XML.就不一一举例了,我会把项目给你们的,可以自己去看!如下所示:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

  <translate
    android:duration="2000"
    android:fromXDelta="0"
    android:toXDelta="-100%p" />

</set>

是不是很简单呀,好,竟然动画也编辑完了,我们就需要在哪调用它.对了,我们还需要一个跳转SecondActivity,在这个 SecondActivity 里面我只放了一个Button用于返回,这样不用按Back键那么麻烦了,它的作用只是为了显示第一个Activity跳转的效果,让我看.如下所示:

package com.zqy.androidswitch;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class SecondActivity extends Activity{
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.act_second);
    final Button button=(Button) findViewById(R.id.button1);
    button.setOnClickListener(new OnClickListener() {
      
      @Override
      public void onClick(View v) {
        finish();
      }
    });
  }
}

好,基本完成一半了,我需要写实现的代码了,这属于核心了,让我们看看核心代码是怎么实现的吧:如下所示:

package com.zqy.androidswitch;

import java.util.ArrayList;
import java.util.List;


import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.AdapterView.OnItemClickListener;

public class MainActivity extends Activity {

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    final ListView listView = (ListView) findViewById(R.id.listView1);
    String[] ls = getResources().getStringArray(R.array.anim_type);
    List<String> list = new ArrayList<String>();
    for (int i = 0; i < ls.length; i++) {
      list.add(ls[i]);
    }
    ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1, list);
    adapter.setDropDownViewResource(android.R.layout.simple_list_item_1);
    listView.setAdapter(adapter);
    listView.setOnItemClickListener(new OnItemClickListener() {

      @Override
      public void onItemClick(AdapterView<?> parent, View view,
          int position, long id) {
        Intent intent = new Intent(MainActivity.this, SecondActivity.class);
        startActivity(intent);
        switch (position) {
        case 0:
          overridePendingTransition(R.anim.fade, R.anim.hold);
          break;
        case 1:
          overridePendingTransition(R.anim.my_scale_action,
              R.anim.my_alpha_action);
          break;
        case 2:
          overridePendingTransition(R.anim.scale_rotate,
              R.anim.my_alpha_action);
          break;
        case 3:
          overridePendingTransition(R.anim.scale_translate_rotate,
              R.anim.my_alpha_action);
          break;
        case 4:
          overridePendingTransition(R.anim.scale_translate,
              R.anim.my_alpha_action);
          break;
        case 5:
          overridePendingTransition(R.anim.hyperspace_in,
              R.anim.hyperspace_out);
          break;
        case 6:
          overridePendingTransition(R.anim.push_left_in,
              R.anim.push_left_out);
          break;
        case 7:
          overridePendingTransition(R.anim.push_up_in,
              R.anim.push_up_out);
          break;
        case 8:
          overridePendingTransition(R.anim.slide_left,
              R.anim.slide_right);
          break;
        case 9:
          overridePendingTransition(R.anim.wave_scale,
              R.anim.my_alpha_action);
          break;
        case 10:
          overridePendingTransition(R.anim.zoom_enter,
              R.anim.zoom_exit);
          break;
        case 11:
          overridePendingTransition(R.anim.slide_up_in,
              R.anim.slide_down_out);
          break;

        default:
          break;
        }

      }
    });

    }
  }

用Listview盛装各种效果的点击事件,我们点击LIstview在根据点击位置去执行什么样的动画.不知道手机怎么做出gif图片,我就把主页面显示出来吧,大家一会可以下载Demo.

好了,基本实现完了.是不是很简单.有了这些动画,就会让你的APP多了一道绚丽的风景线,可以直接拿到项目里面用哦!最后来一句,.大神勿喷,适合新手!


源码下载,请点击这里