天天看點

手把手教你實作慕課網引導頁效果(一)——分析驗證

首先,讓我們看一下慕課網android用戶端的引導頁是什麼樣的。

手把手教你實作慕課網引導頁效果(一)——分析驗證

看上面那個gif圖,分析可知。首先是一個顯示慕課網logo的activity,然後跳轉到了今天我們要講的引導效果的activity(命名為guideactivity)。

根據它滑動的效果,可猜測是由viewpager實作的。

viewpager中有三個播放着動畫或者視訊的fragment。

底部有辨別滑動到哪一頁的小圓點。

當滑動到第三頁時,出現登入、注冊按鈕。

下面來驗證上一步分析的結論。

在android studio中,有個工具叫做android device monitor,我們能用它檢視android裝置的截圖的view層級。

如何找到android device monitor? 在android studio中,依次打開tools,android,android device monitor即可。
手把手教你實作慕課網引導頁效果(一)——分析驗證

上圖證明了我的分析大部分是正确的,videoview證明播放的是視訊而不是動畫。

為了進一步證明播放的是視訊,我們将慕課網android用戶端的apk檔案解壓。

手把手教你實作慕課網引導頁效果(一)——分析驗證

哈哈,果然播放的是放置在apk檔案本地的mp4視訊。

經過今天的學習,我們學習了android device monitor的基本使用。有了它,我們可以分析android應用中各種效果是怎麼實作的。這樣,我們就能模仿這些效果。

今天的學習就到這裡,下一次學習實作慕課網這個引導效果。相信有了今天的分析,編碼實作不再是很困難的事了。

如需轉載,請注明出處。

歡迎交流讨論。

原文位址:http://www.cnblogs.com/johntsai/p/5236884.html

繼續閱讀