RESideMenu源碼分析

RESideMenu是一個抽屜效果的第三方,實現(xiàn)原理為RESideMenu作為一個視圖控制器,依次添加子視圖左側(cè)菜單欄控制器和內(nèi)容頁控制逗威,通過pan手勢識別蚌讼,來縮放內(nèi)容控制頁辟灰,從而來顯示左側(cè)菜單欄。


1.使用

?UINavigationController *navigationController = [[UINavigationController alloc] initWithRootViewController:[[DEMOFirstViewController alloc] init]];? ? DEMOLeftMenuViewController *leftMenuViewController = [[DEMOLeftMenuViewController alloc] init];? ?

DEMORightMenuViewController *rightMenuViewController = [[DEMORightMenuViewController alloc] init];?? ??

? RESideMenu *sideMenuViewController = [[RESideMenu alloc] initWithContentViewController:navigationController? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? leftMenuViewController:leftMenuViewController?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? rightMenuViewController:rightMenuViewController];

2.結(jié)構(gòu)

1)調(diào)用方法

- (id)initWithContentViewController:(UIViewController *)contentViewController?? ? ? ? ? ? leftMenuViewController:(UIViewController *)leftMenuViewController? ? ? ? ? ? rightMenuViewController:(UIViewController *)rightMenuViewController;


===>2)調(diào)用 init 進行初始化?

=====>3)?- (void)viewDidLoad篡石;(核心代碼)

//加背景圖


//在vc中加入view ?menuViewContainer


//在vc中加入view ?contentViewContaine


//如果有l(wèi)efMenuVC

//把leftMenuVC設(shè)置成本VC的子控制器

?[self addChildViewController:self.leftMenuViewController]; ? ? ??

//把lefmenuVC的view加入到self.menuViewContainer

[self.menuViewContainer addSubview:self.leftMenuViewController.view]; ? ? ? ?

//再把contentViewController設(shè)置成本VC的子控制器

[self addChildViewController:self.contentViewController]; ??

//把contentVC的view加入到contentviewContainer中

[self.contentViewContainer addSubview:self.contentViewController.view]; ? ?

//設(shè)置menuviewContainer的透明度

self.menuViewContainer.alpha = !self.fadeMenuView ?: 0;? ?

//設(shè)置動畫效果

//設(shè)置手勢 panGesture

[self updateContentViewShadow];


結(jié)構(gòu)圖



3.展示抽屜效果


點擊left展示圖

使用CGAffineTransform來進行縮放

分別對backgroundImageView??menuViewContainer?contentViewContainer 進行縮放?

?self.contentViewContainer.transform = CGAffineTransformMakeScale(self.contentViewScaleValue, self.contentViewScaleValue);

另外:? [self.leftMenuViewController beginAppearanceTransition:YES animated:YES];

Tells a child controller its appearance is about to change.If you are implementing a custom container controller, use this method to tell the child that its views are about to appear or disappear. Do not invoke?viewWillAppear:,?viewWillDisappear:,?viewDidAppear:, or?viewDidDisappear:?directly.

beginAppearanceTransition :告訴這個子vc芥喇,它將要現(xiàn)實顯示或者消失,將自動調(diào)用viewWillAppear凰萨,viewWillDisappear乃坤,viewDidAppear,viewDidDisappear


第二點:在contentViewContainer加入btn沟蔑,為了點擊contentViewContationer隱藏左側(cè)菜單欄


4.panGesture手勢

調(diào)用uigestureRecognizer的代理

1)

首先 根據(jù)- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch湿诊;判斷對這個手勢該不該做進一步相應(yīng)(左側(cè)菜單欄是否隱藏&&pan手勢&&point的x值在屏幕兩側(cè)20px以內(nèi))

2)Pan gesture recognizer

recognizer.state == UIGestureRecognizerStateBegan

此時內(nèi)容頁的frame沒有改變,contentbutton添加到根視圖的最上層

3)recognizer.state == UIGestureRecognizerStateChanged

根據(jù)手勢的point來更改視圖的大小

self.backgroundImageView.transform = CGAffineTransformMakeScale(backgroundViewScale, backgroundViewScale);

參考:http://www.cnblogs.com/ios-wmm/p/4276746.html

CoreGraphics框架中的CGAffineTransform類可用于設(shè)定UIView的transform屬性瘦材,控制視圖的縮放厅须、旋轉(zhuǎn)和平移操作:

另稱放射變換矩陣,

總得來說食棕,這個類中包含3張不同類型朗和,分別使用如下3個方法創(chuàng)建數(shù)值;

1.CGAffineTransformMakeTranslation(CGFloattx,CGFloatty)(平移:設(shè)置平移量)

2.CGAffineTransformMakeScale(CGFloatsx,CGFloatsy)(縮放:設(shè)置縮放比例)僅通過設(shè)置縮放比例就可實現(xiàn)視圖撲面而來和縮進頻幕的效果簿晓。

3.CGAffineTransformMakeRotation(CGFloatangle)(旋轉(zhuǎn):設(shè)置旋轉(zhuǎn)角度)

以上3個都是針對視圖的原定最初位置的中心點為起始參照進行相應(yīng)操作的眶拉,在操作結(jié)束之后可對設(shè)置量進行還原:

view.transform=CGAffineTransformIdentity;

另外還可以通過CGAffineTransformTranslate等方法對現(xiàn)有的transform進行進一步處理;

更多了解core animation ? =====》》》 https://github.com/yixiangboy/IOSAnimationDemo

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末憔儿,一起剝皮案震驚了整個濱河市忆植,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌谒臼,老刑警劉巖朝刊,帶你破解...
    沈念sama閱讀 221,820評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異蜈缤,居然都是意外死亡拾氓,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,648評論 3 399
  • 文/潘曉璐 我一進店門底哥,熙熙樓的掌柜王于貴愁眉苦臉地迎上來咙鞍,“玉大人房官,你說我怎么就攤上這事⌒蹋” “怎么了易阳?”我有些...
    開封第一講書人閱讀 168,324評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長吃粒。 經(jīng)常有香客問我潦俺,道長,這世上最難降的妖魔是什么徐勃? 我笑而不...
    開封第一講書人閱讀 59,714評論 1 297
  • 正文 為了忘掉前任事示,我火速辦了婚禮,結(jié)果婚禮上僻肖,老公的妹妹穿的比我還像新娘肖爵。我一直安慰自己,他們只是感情好臀脏,可當我...
    茶點故事閱讀 68,724評論 6 397
  • 文/花漫 我一把揭開白布劝堪。 她就那樣靜靜地躺著,像睡著了一般揉稚。 火紅的嫁衣襯著肌膚如雪秒啦。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,328評論 1 310
  • 那天搀玖,我揣著相機與錄音余境,去河邊找鬼。 笑死灌诅,一個胖子當著我的面吹牛芳来,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播猜拾,決...
    沈念sama閱讀 40,897評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼即舌,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了挎袜?” 一聲冷哼從身側(cè)響起顽聂,我...
    開封第一講書人閱讀 39,804評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎宋雏,沒想到半個月后芜飘,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體务豺,經(jīng)...
    沈念sama閱讀 46,345評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡磨总,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,431評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了笼沥。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蚪燕。...
    茶點故事閱讀 40,561評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡娶牌,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出馆纳,到底是詐尸還是另有隱情诗良,我是刑警寧澤,帶...
    沈念sama閱讀 36,238評論 5 350
  • 正文 年R本政府宣布鲁驶,位于F島的核電站鉴裹,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏钥弯。R本人自食惡果不足惜径荔,卻給世界環(huán)境...
    茶點故事閱讀 41,928評論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望脆霎。 院中可真熱鬧总处,春花似錦、人聲如沸睛蛛。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,417評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽忆肾。三九已至荸频,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間客冈,已是汗流浹背试溯。 一陣腳步聲響...
    開封第一講書人閱讀 33,528評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留郊酒,地道東北人遇绞。 一個月前我還...
    沈念sama閱讀 48,983評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像燎窘,于是被迫代替她去往敵國和親摹闽。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,573評論 2 359

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

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫褐健、插件付鹿、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,120評論 4 61
  • Swift版本點擊這里歡迎加入QQ群交流: 594119878最新更新日期:18-09-17 About A cu...
    ylgwhyh閱讀 25,414評論 7 249
  • 今天很冷又下雨 但是 有你們 有雨中奔跑青春活力組合 不約而同的衣著顏值都配了一臉 有撐傘雨中漫步中年富態(tài)組合 來...
    5mh_閱讀 220評論 0 0
  • 在網(wǎng)紅盛行的時代,漂亮的女生隨處可見刹帕,既可以來自于天生吵血,也可以來自于后天的整容谎替。相對漂亮,優(yōu)雅就顯得比較難得了蹋辅。 ...
    墨花閱讀 12,529評論 27 321
  • “那一天我二十一歲钱贯,在我一生的黃金時代,我有好多奢望侦另。我想愛秩命,想吃,還想在一瞬間變成天上半明半暗的云褒傅,后來...
    _aqu閱讀 288評論 2 0