側(cè)滑欄的實(shí)現(xiàn)

效果圖


現(xiàn)在這些框架很多第三方資源翼闹,但是想自己寫一個(gè)。側(cè)滑實(shí)現(xiàn)比較簡單允青,根據(jù)自己需求去擴(kuò)展界面橄碾。

創(chuàng)建一個(gè)類MenuViewController作為Navigation的rootVC

新建一個(gè)UIView(MenuView)作為左側(cè)漏出來的一部分,新建一個(gè)ContentViewController作為右側(cè)可拖動(dòng)的部分颠锉。將兩個(gè)分別添加到MenuViewController上給ContentViewController的view加上拖拽的手勢法牲。

實(shí)現(xiàn)手勢的事件方法,側(cè)滑效果就完成了琼掠。

- (void)panGesture:(UIPanGestureRecognizer *)recognizer {

CGPoint point = [recognizer translationInView:self.contenViewController.view];

recognizer.view.center = CGPointMake(recognizer.view.center.x + point.x, recognizer.view.center.y);

CGFloat viewX = recognizer.view.frame.origin.x;

CGFloat viewY = recognizer.view.frame.origin.y;

if (viewX < 0) {

recognizer.view.frame = CGRectMake(0, viewY, recognizer.view.frame.size.width, recognizer.view.frame.size.height);

} else if (viewX >= self.view.frame.size.width * 0.8) {

recognizer.view.frame = CGRectMake(self.view.frame.size.width * 0.8, viewY, recognizer.view.frame.size.width, recognizer.view.frame.size.height);

} else {

recognizer.view.frame = CGRectMake(viewX + point.x, viewY, recognizer.view.frame.size.width, recognizer.view.frame.size.height);

}

if (recognizer.state == UIGestureRecognizerStateEnded) {

if (viewX < 120) {

[UIView animateWithDuration:0.5 animations:^{

recognizer.view.frame = CGRectMake(0, viewY, recognizer.view.frame.size.width, recognizer.view.frame.size.height);

}];

}

if (viewX > 120) {

[UIView animateWithDuration:0.5 animations:^{

recognizer.view.frame = CGRectMake(self.view.frame.size.width * 0.8, viewY, recognizer.view.frame.size.width, recognizer.view.frame.size.height);

}];

}

}

[recognizer setTranslation:CGPointZero inView:self.contenViewController.view];

}



demo下載

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末拒垃,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子瓷蛙,更是在濱河造成了極大的恐慌悼瓮,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,686評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件艰猬,死亡現(xiàn)場離奇詭異横堡,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)冠桃,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,668評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門命贴,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人食听,你說我怎么就攤上這事胸蛛。” “怎么了樱报?”我有些...
    開封第一講書人閱讀 158,160評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵葬项,是天一觀的道長。 經(jīng)常有香客問我迹蛤,道長民珍,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,736評(píng)論 1 284
  • 正文 為了忘掉前任笤受,我火速辦了婚禮穷缤,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘箩兽。我一直安慰自己,他們只是感情好章喉,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,847評(píng)論 6 386
  • 文/花漫 我一把揭開白布汗贫。 她就那樣靜靜地躺著身坐,像睡著了一般。 火紅的嫁衣襯著肌膚如雪落包。 梳的紋絲不亂的頭發(fā)上部蛇,一...
    開封第一講書人閱讀 50,043評(píng)論 1 291
  • 那天,我揣著相機(jī)與錄音咐蝇,去河邊找鬼涯鲁。 笑死,一個(gè)胖子當(dāng)著我的面吹牛有序,可吹牛的內(nèi)容都是我干的抹腿。 我是一名探鬼主播,決...
    沈念sama閱讀 39,129評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼旭寿,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼警绩!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起盅称,我...
    開封第一講書人閱讀 37,872評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤肩祥,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后缩膝,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體混狠,經(jīng)...
    沈念sama閱讀 44,318評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,645評(píng)論 2 327
  • 正文 我和宋清朗相戀三年疾层,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了将饺。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,777評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡云芦,死狀恐怖俯逾,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情舅逸,我是刑警寧澤桌肴,帶...
    沈念sama閱讀 34,470評(píng)論 4 333
  • 正文 年R本政府宣布,位于F島的核電站琉历,受9級(jí)特大地震影響坠七,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜旗笔,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,126評(píng)論 3 317
  • 文/蒙蒙 一彪置、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧蝇恶,春花似錦拳魁、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,861評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽姚糊。三九已至,卻和暖如春授舟,著一層夾襖步出監(jiān)牢的瞬間救恨,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,095評(píng)論 1 267
  • 我被黑心中介騙來泰國打工释树, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留肠槽,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,589評(píng)論 2 362
  • 正文 我出身青樓奢啥,卻偏偏與公主長得像秸仙,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子扫尺,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,687評(píng)論 2 351

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

  • ViewsBecause view objects are the main way your applicati...
    梁光飛閱讀 597評(píng)論 0 0
  • 1筋栋、設(shè)置UILabel行間距 NSMutableAttributedString* attrString = [[...
    十年一品溫如言1008閱讀 1,633評(píng)論 0 3
  • 23歲: 你好! 北京時(shí)間的你到來的時(shí)候正驻,我正跑在一條河邊弊攘,突然手機(jī)里充滿了溫暖的問候。感動(dòng)之余我也發(fā)現(xiàn):你真的來...
    圣狗子閱讀 271評(píng)論 0 2
  • 自從開始追相聲后姑曙,就覺得自己是個(gè)文盲襟交,努力想讓自己達(dá)到“腹有詩書氣自華”狀態(tài),奈何腹內(nèi)存貨太少伤靠,所以說人丑就要多讀...
    愛吃喵的松鼠桂魚喵閱讀 522評(píng)論 3 7
  • 8.頭發(fā)(上) 隨著學(xué)習(xí)壓力或是工作壓力的增加捣域,很多人都會(huì)有掉頭發(fā)的情況出現(xiàn),尤其是早上起床的時(shí)候宴合,看到枕邊散落著...
    秋楓葉舞閱讀 392評(píng)論 0 7