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

來源:互聯網
上載者:User

標籤:步驟   中間   fill   str   dia   源碼   ofo   建議   list   

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實現時間軸效果

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.