天天看點

Android ViewPager多頁面滑動切換以及動畫效果

http://www.cnblogs.com/dwinter/archive/2012/02/27/2369590.html

一、首先,我們來看一下效果圖,這是新浪微網誌的tab滑動效果。我們可以手勢滑動,也可以點選上面的頭标進行切換。與此同方式,

白色橫條會移動到相應的頁卡頭标下。這是一個動畫效果,白條是緩慢滑動過去的。好了,接下來我們就來實作它。

Android ViewPager多頁面滑動切換以及動畫效果

二、在開始前,我們先要認識一個控件,viewpager。它是google sdk中自帶的一個附加包的一個類,可以用來實作螢幕間的切換。

這個附加包是android-support-v4.jar,在最後的源碼中會提供給大家,在libs檔案夾中。當然你也可以自己從網上搜尋最新的版本。

找到它後,我們需要在項目中添加

Android ViewPager多頁面滑動切換以及動畫效果

三、我們先做界面,

界面設計很簡單,第一行三個頭标,第二行動畫圖檔,第三行頁卡内容展示。

我們要展示三個頁卡,是以還需要三個頁卡内容的界面設計,這裡我們隻設定了背景顔色,能起到差別作用即可.

四、代碼部分要進行初始化的工作

(1) 先來變量的定義

(2) 初始化頭标

相信大家看後都沒什麼問題,點選第幾個,就展示第幾個頁卡内容。

(3) 初始化頁卡内容區

我們将三個頁卡界面裝入其中,預設顯示第一個頁卡。這裡我們還需要實作一個擴充卡。

這裡我們實作了各頁卡的裝入和解除安裝

(3) 初始化動畫

根據螢幕的分辨率和圖檔的寬度計算動畫移動的偏移量

Android ViewPager多頁面滑動切換以及動畫效果

實作頁卡切換監聽

五、打完收工,快來看看自己的勞動成果吧

Android ViewPager多頁面滑動切換以及動畫效果

源碼分享:http://download.csdn.net/detail/jdsjlzx/4292273