商品詳情頁上拉檢視詳情開源庫

2021-09-24 06:54:02 字數 1118 閱讀 4401

目錄介紹2.1 使用slidelayout效果

2.2 使用slideanimlayout帶有載入動畫效果3.1 第一種,直接上拉載入分頁【slidelayout有兩個子childview】

3.2 第一種,上拉加載有動畫效果,然後展示分頁【slideanimlayout有三個子childview】

@override

protected void onfinishinflate

() mfrontview = getchildat(0);

mbehindview = getchildat(1);

if(mdefaultpanel == 1)

});}

}複製**

針對slideanimlayout僅獲取子節點中三個view,且第二個為動畫節點view
@override

protected void onfinishinflate

() mfrontview = getchildat(0);

manimview = getchildat(1);

mbehindview = getchildat(2);

manimview.post(new runnable

() });

if(mdefaultpanel == 1)

});}

}複製**

6.1 如何實現scrollview在最頂部或者最底部的時候,不消費事件

6.2 如何實現商品頁和詳情頁之間的滑動,如何處理上拉載入控制項的動畫效果

如何處理上拉載入控制項的動畫效果

那麼如何使滑動生效,並且看上去比較連貫

滑動後鬆開手指如何實現滾動效果

具體邏輯在finishtouchevent方法中,它主要是記錄offset值,以及close或open狀態下檢視的高度,還有是否發生切換變化

最後開啟動畫,在動畫過程中新增動畫update的監聽,在該方法中去requestlayout()控制項,這樣就達到滾動效果了。動畫滾動結束後,如果是open狀態並且是第一次顯示,則設定詳情頁控制項可見。

如何使滾動效果比較自然,或者如何調整滾動時長

01.關於部落格彙總鏈結

02.關於我的部落格

商品詳情頁上拉檢視詳情

目錄介紹2.1 使用slidelayout效果 2.2 使用slideanimlayout帶有載入動畫效果3.1 第一種,直接上拉載入分頁 slidelayout有兩個子childview 3.2 第一種,上拉加載有動畫效果,然後展示分頁 slideanimlayout有三個子childview o...

3 3 商品詳情頁

1 對應的goodsdao中的核心 為 select select g.mg.stock count,mg.miaosha price,mg.start date,mg.end date from miaosha goods mg left join goods g on mg.goods id g...

商品詳情頁的子路由

首頁的子元件shopslistitem.vue中 showdetail id detail.vue的mounted中就儲存this.id this.router.query.id傳遞給tabcontrol子元件 id id tabcontrol中 click changetab changetab ...