為Android的界面設計增加跳躍效果

先貼出動畫效果圖（GIF截圖比較業余，見諒見諒）

設計的思路是，為一個View增加跳起和落下的動畫效果，然後為這個View加一個背景View作為運動的影子，進行同步運動。

首先，根據期望的效果，確定Activity的主題色調，比如我這裡的背景色用的是透明漸變的灰黑色，自然就不能再使用黑色的顯示主題，我選用的是Light（Android:theme="@android:style/Theme.Light"）

為Android的界面設計增加跳躍效果源碼下載：

免費下載地址在 http://linux.linuxidc.com/

用戶名與密碼都是www.linuxidc.com

具體下載目錄在 /pub/Android源碼集錦/2011年/11月/為Android的界面設計增加跳躍效果/

接著設計一個布局，因為陰影和前景是重疊關系，布局我選用RelativeLayout，下面是我的布局代碼：

1. <?xml version="1.0" encoding="utf-8"?>  
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="fill_parent"  
5.     android:orientation="vertical" >  
6.   
7.   
8.   
9.     <ImageView  
10.         android:id="@+id/imageViewShadow"  
11.         android:layout_width="wrap_content"  
12.         android:layout_height="wrap_content"  
13.         android:layout_centerHorizontal="true"  
14.         android:layout_alignBottom="@+id/imageViewItem"  
15.         android:layout_marginBottom="-5px"  
16.         android:src="@drawable/shadow" />  
17.   
18.   
19.     <ImageView  
20.         android:id="@+id/imageViewItem"  
21.         android:layout_width="wrap_content"  
22.         android:layout_height="wrap_content"  
23.         android:layout_centerHorizontal="true"  
24.         android:layout_centerVertical="true"  
25.         android:src="@drawable/test" />  
26.   
27. </RelativeLayout>  

為了確保顯示的順序，需要在布局文件中先放置背景View，然後再放置前景View，確保顯示時背景總是被前景View所覆蓋。背景View的位置設計為底部和前景View對齊，並向下縮進幾個像素，這樣在落地時可以顯示幾個像素的陰影。