SlideOut Menu 原理剖悉

Preamble

Date: Mon Feb 9 12:59:01 PST 2015

近些時間想要瞭解一些特效Library的原理, 有幸讀到一些很好的文章(附在最後)

1. 單向滑動

1.1 截圖方法

設置兩個View, MenuView, ContentView.

當“左拉” 觸屏發(fā)動時候, 把當前ContentView屏幕截屏, 然後將MenuView 顯現出來, 同時右移ContentView截圖; 當“右拉” 觸屏發(fā)動時候, 把MenuView左移, 同時左移截圖, 然後將ContentView顯現出來.

Pro: 簡單, 容易實現, 省內存.
Con: 如果ContentView為動態(tài), gif, video, 將無法顯現.

1.2.平移方法

設置兩個View, MenuView(Left), ContentView(Right).

首先將, 兩個 View 同時顯現在一排, 如圖

當“左拉” 觸屏發(fā)動時候, 同時右移ContentView, MenuView; 當“右拉” 觸屏發(fā)動時候, 同時左移ContentView, MenuView.

Pros: 更加標準, "左拉", "右拉"時候能夠繼續(xù)展示Content, i.e. gif, video.
Cons: 兩個View一直存在.

2. 雙向滑動

三個Views, LeftView, MainView, RightView.

LeftView, RightView 為隱藏, 當“左拉”, 向左偏移MainView; 當“右拉” 觸屏發(fā)動時候, 向右偏移MainView.

Reference

截圖
單向
雙向
實現

Libraries

https://github.com/gotosleep/JASidePanels
https://github.com/mikefrederick/mfsidemenu
https://github.com/SocialObjects-Software/AMSlideMenu
https://github.com/aryaxt/iOS-Slide-Menu

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容