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

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

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

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

首先，先看下布局文件：

1. <?xml version="1.0" encoding="utf-8"?>
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">
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">
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>
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"/>
34. </LinearLayout>