Android仿iPhone滾輪控件實現及源碼分析

敬告：由於本文代碼較多，所以文章分為了很多頁，如果不便，敬請諒解，可以先下載文章下方的代碼，打開參考本文查看，效果更好！

首先，先看下Android仿iPhone滾輪控件效果圖：

這三張圖分別是使用滾動控件實現城市，隨機數和時間三個簡單的例子，當然，界面有點簡陋，下面我們就以時間這個為例，開始解析一下。

首先，先看下布局文件：

1. <?xml version="1.0" encoding="utf-8"?>  
2.   
3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
4.     android:layout_height="wrap_content"  
5.     android:layout_width="fill_parent"  
6.     android:layout_marginTop="12dp"  
7.     android:orientation="vertical"  
8.     android:background="@drawable/layout_bg">  
9.       
10.     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
11.         android:layout_height="wrap_content"  
12.         android:layout_width="fill_parent"  
13.         android:layout_gravity="center_horizontal"  
14.         android:paddingLeft="12dp"  
15.         android:paddingRight="12dp"  
16.         android:paddingTop="10dp">  
17.         
18.         <kankan.wheel.widget.WheelView android:id="@+id/hour"  
19.             android:layout_height="wrap_content"  
20.             android:layout_width="fill_parent"  
21.             android:layout_weight="1"/>  
22.         <kankan.wheel.widget.WheelView android:id="@+id/mins"  
23.             android:layout_height="wrap_content"  
24.             android:layout_width="fill_parent"  
25.             android:layout_weight="1"/>  
26.     </LinearLayout>  
27.       
28.     <TimePicker android:id="@+id/time"  
29.         android:layout_marginTop="12dp"  
30.         android:layout_height="wrap_content"  
31.         android:layout_width="fill_parent"  
32.         android:layout_weight="1"/>  
33.           
34. </LinearLayout>