實現ios常見菜單效果的思路

來源:互聯網
上載者:User

標籤:style   blog   http   os   io   ar   2014   log   

         目前見過的實現邊側菜單的效果,比較流行的有以下三種:()

1、功能表列覆蓋在部分主視圖上

附上實現該效果的一個不錯的源碼地址:

http://code4app.com/ios/RNFrostedSidebar/524399706803fa3c33000001


(1)最開始要實現這個效果,我想最簡單的方式就是:添加UIView,加上一個self.view大小的子視圖,菜單列表以外的地區設為透明灰色。後來發現,如果當前的控制器有顯示導覽列或者工具列,這個子視圖就無法遮蓋住導覽列或者工具列上面的按鈕。

(2)為了遮蓋住導覽列和工具列上的按鈕,看來只能在當前控制器上,壓進或者模態顯示一個新的控制器,然後將新的控制器的self.view的背景色設定為透明灰色的,這樣就能看到原來的控制器上的沒有被菜單遮擋住的內容。

好傢夥,在我費盡心思地將新的控制器的self.view的背景色設定為透明灰色之後,居然發現,旋轉裝置方向的時候,只有最頂層的那個控制器會變方向,而下面看得到內容的那個控制器不會跟著轉。

這裡還是貼一下,究竟如何顯示一個有透明度的視圖控制器:


(3)好吧,然後我就學習了上面貼的那份源碼的辦法,在當前控制器上,顯示一個新的模態控制器,新控制器的背景圖是源控制器的螢幕,然後在背景圖上再覆蓋上一層透明灰色,就做出了如上。


2、主視圖左右滑動,伴隨縮放效果

該效果還沒開始學習。。。



3、抽屜效果

附上一個github上一個非常贊的源碼倉庫:

https://github.com/mutualmobile/MMDrawerController



聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.