1. 程式人生 > >Android基礎控件——ListView實現時間軸效果

Android基礎控件——ListView實現時間軸效果

fcm https size ont cti 組裝 ron down fontsize

ListView實現時間軸效果

實現思路:

該View是通過ListView實現的,通過實體兩個字段內容content和時間time來展示每個ListItem

時間軸是使用上面一條線(20dp)和中間一個圓(15dp)和下面一條線(40dp)組裝成的

在ListView中,設置其分割線為空,並且沒有點擊效果

效果圖:

技術分享圖片

步驟一:使用xml畫出一個灰色的圓點(time_cycle.xml)


步驟二:javabean的編寫


步驟三:編寫子布局(time_item.xml)


其效果如圖:

技術分享圖片

步驟四:編寫父布局(activity_main.xml)


步驟五:編寫子布局的適配器(KuaiDiAdapter.java)



步驟六:在父布局中設置適配器



源碼下載:建議使用Import Module導入

Android基礎控件——ListView實現時間軸效果