国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 學院 > 開發設計 > 正文

自定義御泥坊(淘寶、360手機衛士)產品詳情頁的布局懸停效果

2019-11-09 14:38:49
字體:
來源:轉載
供稿:網友

如題:

當一個浮動layout的滑動到頂部時,這個浮動layout就懸停下來,當屏幕往下滑動時,浮動layout也跟著往下移動。

因為不知道怎么錄制jif圖片,所以上傳兩張圖片代替。

    

效果就如上面三張圖片所示。

 好,看完效果圖之后,我們來看一下這個效果的設計原理。        首先,我們來看一張整體的設計圖:

 

 

 

 

 

 

 

設計效果圖是分為三個部分:頂部區域、浮動區域A、列表區域。1.當屏幕往上面滑動的時候,互動區域A也跟著滑動;2.當浮動區域A滑動到頂部的時候,浮動區域A停留在頂部(上右圖);3.當屏幕往下滑動的時候,浮動區域A也跟著往下滑動。這是整個滑動的效果流程。

 

那么,這時問題來了。怎么能讓浮動區域A停在頂部,而且不影響其他內容的滑動呢?

在這里我們可以寫多一個和浮動區域A界面效果一模一樣的浮動區域B。在布局的時候,先把浮動區域B的可見性設置為gone,即隱藏起來。當浮動區域A滑動到頂部的時候,就把浮動區域B的可見性設置為VISIBLE,即可見。這時浮動區域B會覆蓋在整個屏幕的上面,即使整個屏幕在滑動的時候也不會影響浮動區域B的位置,那么看起來就好像浮動區域A是停留在頂部位置不動了,見下圖。

 

 

(此時,設置浮動區域B的可見性為VISIBLE,即可見)

同理,當整個屏幕往下滑動的時候,再把浮動區域B的可見性設置為GONE,那么看起來的效果就好像浮動區域A又重新滑動起來了。

實現過程       說完原理之后,讓我們來看看在代碼里面是怎么實現這個過程的。我們先看看布局文件activity_main.xml

      由于整體的布局內容都是放在一個自定義的ScrollView里面。所以,只要我們在ScrollView里面判斷:      當Scrollview向上滑動的距離大于等于頂部區域的高度時,也就是浮動區域A的頂邊貼到屏幕頂部的時候,這是將浮動區域B的可見性設置為VISIBLE即可,否則設置為GONE即可。      這樣就實現了我們想要的效果了,代碼如下:      自定義的ListView代碼:


上一篇:psci

下一篇:實現SDK的打包處理

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 新龙县| 乐至县| 泌阳县| 青铜峡市| 远安县| 永川市| 新兴县| 本溪市| 旺苍县| 巴彦淖尔市| 潼关县| 和顺县| 固原市| 麻阳| 宝坻区| 壤塘县| 灵寿县| 台中市| 鸡泽县| 旬邑县| 尉犁县| 桦甸市| 平塘县| 浮梁县| 延长县| 武安市| 锡林浩特市| 富源县| 白朗县| 延边| 达尔| 镇坪县| 清新县| 利津县| 奉新县| 夹江县| 山丹县| 高碑店市| 上高县| 宁津县| 双流县|