Android滑動隱藏頂部和底部顯示更多內容

Android滑動隱藏頂部和底部顯示更多內容

手機限制於屏幕往往無法顯示過多的內容,而且有時候再加上頂部和底部的一些固定佈局,整個顯示的內容就更少了,這個時候如果可以再上滑的時候隱藏頂部和底部的佈局,下滑的時候再顯示出來,對用戶的使用也更加友好。這裏先直接看下效果圖(太懶沒有做成動態圖將就看下)

初始界面:

初始界面

上滑查看內容時:(會將頭部和底部進行隱藏)

這裏寫圖片描述

下滑重新顯示頭部和底部:

這裏寫圖片描述

這裏的實現原理也十分簡單,主要是監聽中間部分的滑動事件,上滑時改變頭部的 topMargin 和底部的 bottomMargin從而起到改變整個佈局的效果。
一般來說,滑動方式有以下三種:(參照Android開發藝術探索一書)
1、scrollTo/scrollBy:操作簡單,適合對View內容的滑動;
2、動畫:操作簡單,主要適用於沒有交互的View和實現複雜的動畫效果;
3、改變佈局參數:操作稍微複雜,適用於有交互的View;
這裏我使用的是第三種,也符合實際的開發需求。

這裏我們可以先看下佈局文件:

這裏寫圖片描述

這個佈局文件十分簡單,中間一個scrollView,上下固定佈局。
分析如下:

這裏寫圖片描述

主要實現部分:

這裏寫圖片描述

說實話,一開始以爲實現這個會很麻煩,後面理清楚後發現其實不難,如果不真正去做的話就永遠不會知道,我認爲如果UI給的圖讓你覺得不好看,而你自己又有一些想法,不如試着去實現,對自己來說也是一種學習。