RecyclerView實現時光軸效果

2021-07-31 09:45:59 字數 1027 閱讀 5000

效果圖

醜雖然醜了一點,那是布局的問題,不同的需求,自己寫對應的布局就可以了。但是目的達到了。

實現時間軸效果其實很簡單,我們的難點就是在旁邊的豎線這裡,每個item都有分隔線分開。我們會用了recyclerview之後,最主要的就是如下幾行**實現時光軸效果。

relativelayout.layoutparams params = (relativelayout.layoutparams) helper.getview(r.id

.img_line_team_growth).getlayoutparams();

params.addrule(relativelayout.align_top, r.id

.img_team_growth);

params.addrule(relativelayout.align_bottom, r.id

.tv_content_team_growth);

helper.getview(r.id

.img_line_team_growth).setlayoutparams(params);

別看這麼多就很麻煩。看到主要部分。就是重新設定了乙個imageview的layoutparams。我這裡用的是乙個recyclerview的adapter的幫助類,前面有介紹過的。這裡就是三步。

第一步:找到imageview的layoutparams

第二步:重新設定params的頂部跟你布局檔案裡面的哪個控制項對齊,底部跟你布局檔案裡面的哪個控制項對齊。

第三步:把你前面設定的規則,重新給imageview設定上即可。

就沒了,就這麼簡單,其他的就跟recyclerview的用法是一樣的,要是不會用recyclerview的童鞋,我前面有介紹。

專案鏈

HTML JS實現時鐘

效果 知識點 canvas 物件及其屬性。settimeout 方法,用於在指定的毫秒數後呼叫函式或計算表示式。date 物件 時分秒對應弧度制的計算 var pi math.pi var dat new date var hours dat.gethours 獲取小時 var minuntes d...

Vue實現時鐘

採用定時器來獲取最新的時間,通過date的方法獲取年份 月份 日期 星期以及當前時間,用來拼裝時鐘,然後使用生命週期函式create來建立定時器,是時鐘每隔一秒鐘發生一次變化,達到時鐘在走的效果,同時在beforedestroy函式中清除定時器 totimestring 方法可把 date 物件的時...

RecyclerView實現item區域性重新整理

一 view的資料繫結方法 recyclerview.adapter裡有這麼兩個方法 public void onbindviewholder nonnull viewholder holder,int position public void onbindviewholder nonnull vh...