iOS開發(fā)之改變navigationController push 的方向(由一個變態(tài)需求引出)

今天遇到個棘手的問題,記錄下解決方案,(記錄時間2017.07.24,下面提到的效果,有可能隨著改版換掉。。。。)


因為項目中有需要用到WMPageController這個第三方框架來解決類似網(wǎng)銀新聞那樣的滑動切換問題,這個框架使用非常方便,功能也很強大(在這里推薦一下這個框架,真的 很好用,一般的需求都能滿足,除非很變態(tài)的像我今天遇到的這樣的)。關(guān)于這個框架的使用,非常的簡單,下載個呆哞看下就行,坐著寫的很詳細,網(wǎng)上也有很多了,等這兩天我整理下項目中用到的,再寫出來一篇文章供大家參考,好東西一定要分享。

我們的需求

我們的需求是類似之前淘寶的詳情那樣,上滑看下一頁的詳情(現(xiàn)在不是這個效果了)。上面那一頁是個一般的VC,很正常,上滑后那一頁就變態(tài)了,還要左右滑動切換,我用WMPageController這個框架來做了,按照之前其他地方的模式,各種屬性都設(shè)置好了之后,發(fā)現(xiàn),出了個很嚴重的問題。,類似這樣的。


效果

結(jié)構(gòu)是這樣的:


結(jié)構(gòu)

事實上我三個控制器設(shè)置的背景色都不一樣,只顯示出來了第一個,往右滑動顯示的白色并不是的,看上面的標(biāo)題就能看出來。滑動是失效的,并且點擊上面的按鈕也不起作用,我排查了下 框架用的沒問題,我估計是因為我放在了ScrollView上面的原因,因為這個框架底層應(yīng)該也是ScrollView,瞬間懵逼,趕緊去git上發(fā)了issue。可能作者設(shè)計這套框架的時候沒在這個上面試過吧,但是還得做出來啊,暫時沒有好的解決辦法,于是跟UI 商量了下,改了下,讓頁面上滑的時候,push到一個新的控制器(下頁的控制器),而不是在ScrollView上了,這樣的話框架沒有在ScrollView上就能正常使用了。改變后的效果是這樣的:


改變后效果

思路

我當(dāng)時的思路是上滑的時候push一個新的控制器,這樣是肯定行的,但是問題就是push的方向有點蛋疼,一般的push吧,跳的痕跡太明顯,取消跳轉(zhuǎn)動畫太突兀,于是我想 如果讓push方向從下往上就好點了。

解決方法是這位大濕的,我試了下,很好用。


導(dǎo)入

import <QuartzCore/QuartzCore.h>

在Build Phases里面加入QuartzCore.framework這個庫。

        CATransition* transition = [CATransition animation];
        transition.type = kCATransitionPush;//可更改為其他方式
        transition.subtype = kCATransitionFromTop;//可更改為其他方式
        [self.navigationController.view.layer addAnimation:transition forKey:kCATransition];
        
        [self.navigationController pushViewController:secondVC animated:NO];

仍然存在的問題

點返回的時候,還是之前的返回動畫,這個地方如果改成從上到下的回去就更加完美了。如果哪位大神知道如何改的話,請不吝賜教!!!


這個效果在很多APP上都有,例如 祺天優(yōu)貸、團貸網(wǎng) 這些APP。團貸網(wǎng)是完全符合需求的做飯,但他下面的是webView,這種方式也能實現(xiàn),之前版本就是這樣,現(xiàn)在要用原生寫,就很尷尬了。還有就是祺天優(yōu)貸這個APP,詳情里面的方式跟我現(xiàn)在的方式是一樣的。


急著下班回家,文筆不好請多多包涵。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,882評論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,208評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,746評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,666評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 71,477評論 6 407
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 54,960評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,047評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,200評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,726評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 40,617評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,807評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,327評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,049評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,425評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,674評論 1 281
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,432評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 47,769評論 2 372

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