1. 程式人生 > >關於viewpager的簡單實現引導頁

關於viewpager的簡單實現引導頁

實現簡單引導頁流程並不複雜,簡單分為幾個部分:

1.viewpager控制元件使用

2.viewpager各個頁面滑動監聽

3.viewpager底部圓點指示器監聽

幾個需要注意一下的點:viewpager的介面卡選擇,一般的引導頁面存放的都是圖片,所以可以重寫一個繼承PagerAdapter的類即可滿足需求,不過值得注意的是在繼承類中,除了預設實現的兩個方法外還應實現頁面生成與銷燬的兩個方法


如果此時指示器採取畫小圓點來標記,則需要寫出兩個小圓點的形狀程式碼以及選擇器控制其顏色:

在drawable資料夾中新建兩個shape檔案表示其不同狀態下的顏色:


其次還有一個狀態選擇器以供不同狀態的顏色替換:


狀態選擇器的小圓點取決於背景數量,因此最好採用動態建立的方式:


這裡需要注意一下,在設定圓點左邊距的時候,由於控制元件為動態建立,應當使用圖中程式碼方式獲取layoutParams,否則會引起空指標異常!而具體是否為Linearlayout下的layoutparams取決於控制元件所在第一級父容器的佈局方式。然後為其新增點選事件可以控制viewpager顯示頁面,可以通過為其設定tag標識而無需新增控制元件id。


最後就是頁面滑動變化監聽來改變指示器的狀態程式碼: