Android Activity跳轉動畫,讓你的APP瞬間絢麗起來

我們都知道絢麗的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多了一道絢麗的風景線,可以直接拿到項目里面用哦!最后來一句,.大神勿噴,適合新手!

源碼下載，請點擊這里