iOS-簡單抽屜效果實現(xiàn)

今天,特別想研究研究抽屜效果實現(xiàn),雖然絮吵,如今弧烤,抽屜效果有很多第三方框架,可以幫助你實現(xiàn)此功能蹬敲,但是我認為暇昂,作為學習,還是親自實現(xiàn)一下伴嗡,了解一下基本的操作做好急波。

基本分析:

-1.點擊菜單時,出現(xiàn)的菜單界面位于主界面的下方闹究。
-2.點擊菜單幔崖,里面的item時,會進行不同控制器的跳轉(zhuǎn)。
-3.菜單列表會呈現(xiàn)給我們不同的控制器界面赏寇,需要進行控制器管理吉嫩,必須用到容器控制器。

第一步創(chuàng)建 創(chuàng)建工程

我們采用純代碼的方式嗅定,進行工程的配置自娩。并且,創(chuàng)建了一個繼承于UIViewController的容器控制器渠退,用來管理子控制器忙迁。并把它設(shè)置為窗口的根視圖控制器。


配置后-項目展示-純代碼
第二步 創(chuàng)建菜單控制器

創(chuàng)建菜單控制器碎乃,并配置item


菜單控制器的配置
第三步 創(chuàng)建菜單控制器

我們要想讓視圖展現(xiàn)出來姊扔,必須先確立父、子視圖控制器的關(guān)系梅誓,在把菜單控制器的根視圖恰梢,添加到容器控制器中。(實現(xiàn)抽屜必須)


創(chuàng)建菜單控制器

此時運行結(jié)果為:


運行結(jié)果
第四步 主界面的設(shè)置

創(chuàng)建主界面的控制器類梗掰,first 和 second嵌言,在first中,上方有個導航條及穗,所以要創(chuàng)建一個導航控制器摧茴,并對其樣式進行設(shè)置。


主界面的設(shè)置
第五步 添加和移除主界面控制器

在容器控制器中埂陆,設(shè)置兩
個屬性苛白,一個是用來存放和記錄當前呈現(xiàn)的主控制器界面,一個是記錄容器控制器中猜惋,要管理多少個這樣的界面丸氛。


圖1

圖2

當前效果展示:


當前效果展示
第四步 主界面的設(shè)置

點擊菜單按鈕,顯示側(cè)滑菜單.


記錄打開狀態(tài)

動畫設(shè)置
  • 通過找與父視圖的關(guān)系-進行點擊菜單跳轉(zhuǎn)界面


    通過找與父視圖的關(guān)系-進行點擊菜單跳轉(zhuǎn)界面

    效果展示:


    效果展示
第五步 點擊菜單欄的item著摔,切換子控制器

通過點擊菜單欄的item缓窜,切換子控制器。

  • 設(shè)置代理谍咆,告訴容量控制器去執(zhí)行哪個操作


    代理-聲明

    判斷代理方法是否響應

    遵守協(xié)議

    代理的實現(xiàn)
第六步 收尾

如果動畫正在執(zhí)行禾锤,我們避免重復點擊事件。

判斷動畫是否執(zhí)行

避免重復點擊

控制器坐標不一致

效果展示:
抽屜效果.gif

Demo地址:https://github.com/RenZhengYang/RZYDrawer
歡迎點星D〔臁6髦馈!謝謝~
簡單的抽屜實現(xiàn)了供嚎,總結(jié)的感覺差點勁黄娘,第一遍還沒有理解透峭状,希望多多指教。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末逼争,一起剝皮案震驚了整個濱河市优床,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌誓焦,老刑警劉巖胆敞,帶你破解...
    沈念sama閱讀 218,858評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異杂伟,居然都是意外死亡移层,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評論 3 395
  • 文/潘曉璐 我一進店門赫粥,熙熙樓的掌柜王于貴愁眉苦臉地迎上來观话,“玉大人,你說我怎么就攤上這事越平》搜啵” “怎么了?”我有些...
    開封第一講書人閱讀 165,282評論 0 356
  • 文/不壞的土叔 我叫張陵喧笔,是天一觀的道長。 經(jīng)常有香客問我龟再,道長书闸,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,842評論 1 295
  • 正文 為了忘掉前任利凑,我火速辦了婚禮浆劲,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘哀澈。我一直安慰自己牌借,他們只是感情好,可當我...
    茶點故事閱讀 67,857評論 6 392
  • 文/花漫 我一把揭開白布割按。 她就那樣靜靜地躺著膨报,像睡著了一般。 火紅的嫁衣襯著肌膚如雪适荣。 梳的紋絲不亂的頭發(fā)上现柠,一...
    開封第一講書人閱讀 51,679評論 1 305
  • 那天,我揣著相機與錄音弛矛,去河邊找鬼够吩。 笑死,一個胖子當著我的面吹牛丈氓,可吹牛的內(nèi)容都是我干的周循。 我是一名探鬼主播强法,決...
    沈念sama閱讀 40,406評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼湾笛!你這毒婦竟也來了饮怯?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,311評論 0 276
  • 序言:老撾萬榮一對情侶失蹤迄本,失蹤者是張志新(化名)和其女友劉穎硕淑,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體嘉赎,經(jīng)...
    沈念sama閱讀 45,767評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡置媳,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了公条。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片拇囊。...
    茶點故事閱讀 40,090評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖靶橱,靈堂內(nèi)的尸體忽然破棺而出寥袭,到底是詐尸還是另有隱情,我是刑警寧澤关霸,帶...
    沈念sama閱讀 35,785評論 5 346
  • 正文 年R本政府宣布传黄,位于F島的核電站,受9級特大地震影響队寇,放射性物質(zhì)發(fā)生泄漏膘掰。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,420評論 3 331
  • 文/蒙蒙 一佳遣、第九天 我趴在偏房一處隱蔽的房頂上張望识埋。 院中可真熱鬧,春花似錦零渐、人聲如沸窒舟。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,988評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽惠豺。三九已至,卻和暖如春风宁,著一層夾襖步出監(jiān)牢的瞬間耕腾,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,101評論 1 271
  • 我被黑心中介騙來泰國打工杀糯, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留扫俺,地道東北人。 一個月前我還...
    沈念sama閱讀 48,298評論 3 372
  • 正文 我出身青樓固翰,卻偏偏與公主長得像狼纬,于是被迫代替她去往敵國和親羹呵。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,033評論 2 355

推薦閱讀更多精彩內(nèi)容