天天看點

Android 仿 窗簾效果 和 登入界面拖動效果 (Scroller類的應用) 附 2個DEMO及源碼

    在android學習中,動作互動是軟體中重要的一部分,其中的scroller就是提供了拖動效果的類,在網上,比如說一些launcher實作滑屏都可以通過這個類去實作。下面要說的就是上次scroller類學習的後的實踐了。

    如果你還不了解scroller類,那請先點選:

    了解之後再閱讀以下内容,你會發現原來實作起來很簡單。

    之前說到過,在廣泛使用的側邊滑動導航開源庫 --slidinglayer其實就是使用到了scroller類進行的實作,(slidinglayer下載下傳位址: 

),而是這個庫的實作過程中使用到的---scroller類,我們可以使用這個庫實作以下我要達到的效果,可是這樣拿來就用,對于初學者提升不大,是以我決定直接去使用scroller類去實作: 

1)窗簾展開和關閉效果           

2)登入界面拖動效果(有點類似popupwindow,可是帶上了拖拽效果)。

通過這2個例子,你就大概知道了scroller類的基本使用情況,可以自己去寫一些類似的效果了。

先上圖,在上主要代碼,最後上demo源碼。

申明下:demo中的資源檔案是在網上下載下傳的2個應用中,發現效果不錯和可以進一步完善(比如窗簾效果,原本是不帶推拽效果),提取了應用的資源檔案去自己實作的,目的是為了更好的達到展示效果。

代碼中都帶上了注釋和說明,以便更好的了解實作過程。可能有的地方優化做的不足,望大家見諒。

效果圖:

1)窗簾 效果

用途:可以使用于廣告牆,公告欄等地方

說明:點選開關可以實作展開關閉功能,也可以通過推拽開關實作展開關閉效果,動畫中加入了反彈效果,更加真實。

Android 仿 窗簾效果 和 登入界面拖動效果 (Scroller類的應用) 附 2個DEMO及源碼

2)登入窗體 效果

用途:可以使用在登入時候的登入方式選擇,菜單選項等,有點類似于帶拖拽效果的popupwindow

說明:可以登入按鈕展開關閉登入窗體,也可以通過推拽進行關閉。

注:這裡的點選窗體之外消失是通過回調接口實作,這裡沒有列出,可以下載下傳源碼檢視

Android 仿 窗簾效果 和 登入界面拖動效果 (Scroller類的應用) 附 2個DEMO及源碼

學習了scroller類,大概的你也知道核心代碼會是哪些内容,下面列舉下

核心代碼:

窗簾效果:

登入界面:

其實代碼大同小異,了解後你就可以舉一反三,去自己的view中實作自己想要的效果。

最後,上源碼:

繼續閱讀