iOS放大鏡效果的滾動視圖

前言:最近開始一波整理背捌,準備把最近遇到的一些難題和解決方法整理一下毙籽,用來留念。還有希望能小小幫助到同學們毡庆。
開始主題坑赡,先來一波演示吧。

ZPScrollView.gif

看過之后 估計大部分筒子們都有一些想法么抗。其實這確實不難毅否,主要就是滑動到中間的時候小球變大和變小的效果。這比較繞一點乖坠。

其他地方就不多說了 不懂得可以看我的demo 在這里就著重說一下關鍵的一個代理方法

-(void)scrollViewDidScroll:(UIScrollView *)scrollView

變化效果主要就在這個方法里邊實現(xiàn)的搀突。
先看下圖

屏幕快照 2017-08-01 15.08.28.png

在這里上邊那個代理里邊主要實現(xiàn)的效果是:
1.向左滑動的時候 4 滾到5的位置 并且從小球變化成大球 ,5滾動到6的位置 并且從大球變化成小球。說到這里 仰迁,童鞋們是不是有思路了??甸昏。
2。想右滑動的時候 6滾動到5的位置 從小球變打球徐许, 5滾動到4的位置 從打球變小球施蜜。
實現(xiàn)以上這兩種設想,就行了 接下來就是具體實現(xiàn)了


-(void)scrollViewDidScroll:(UIScrollView *)scrollView{
    
//    NSLog(@"%f",scrollView.contentOffset.x);
     CGFloat one_with = scrollView.frame.size.width/5.0f;//每一個小球所占的大小
     CGFloat offSet_x = scrollView.contentOffset.x;//滾動視圖現(xiàn)在的偏移量
     NSInteger Number = offSet_x/one_with;//第幾個區(qū)域
     CGFloat  surplus_x = offSet_x-Number*one_with;//在某個小球區(qū)間里的偏移量
  //    NSLog(@"第幾個區(qū)域%ld",Number);
  //    算出每一像素 小球的變化值 (小球的frame的變化量)
     CGFloat sub_x = aScaleH(16.5)/one_with*surplus_x;
     CGFloat sub_y = aScaleH(6)/one_with*surplus_x;
     CGFloat sub_w = aScaleH(33)/one_with*surplus_x;
     CGFloat sub_h = aScaleH(33)/one_with*surplus_x;
//    selectBtn.frame =kRect(Label_W*2+20+i*Label_W, 6, 35, 35);

    //在左邊
     UIButton *rightBtn = (UIButton *)[self viewWithTag:153400+Number+1];
    rightBtn.frame = CGRectMake(one_with*2+aScaleW(20)+one_with*(Number+1)-sub_x, aScaleH(6)-sub_y, aScaleW(35)+sub_w, aScaleH(35)+sub_h);
 
    //在右邊
    UIButton *leftBtn = (UIButton *)[self viewWithTag:153400+Number];
    leftBtn.frame = CGRectMake(one_with*2+aScaleW(20)+one_with*(Number)-(aScaleH(16.5)-sub_x), aScaleH(6)-(aScaleH(6)-sub_y), aScaleW(35)+( aScaleH(33)-sub_w), aScaleH(35)+(aScaleH(33)-sub_h));
   
    //其他小球回復原大写朴纭(防止快速滑動的時候回復不過來)(完美7)
    UIButton *atherRightBtn = (UIButton *)[self viewWithTag:153400+Number+2];
    atherRightBtn.frame =CGRectMake(one_with*2+aScaleW(20)+one_with*(Number+2), aScaleH(6), aScaleW(35), aScaleW(35));
    UIButton *atherleftBtn = (UIButton *)[self viewWithTag:153400+Number-1];
    atherleftBtn.frame =CGRectMake(one_with*2+aScaleW(20)+one_with*(Number-1), aScaleH(6), aScaleW(35), aScaleW(35));
    //滾動的時候拖拽按鈕在滾動的時候影藏
    self.moveBtn.hidden = YES;
    [self.moveBtn setTitle:@"" forState:(UIControlStateNormal)];
    
}

有些童鞋估計 只看這里會有點蒙 沒關系 demo在這里 可以結合著看https://github.com/ZPCoder/ZPScrollView

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市恰起,隨后出現(xiàn)的幾起案子修械,更是在濱河造成了極大的恐慌,老刑警劉巖检盼,帶你破解...
    沈念sama閱讀 206,602評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件肯污,死亡現(xiàn)場離奇詭異,居然都是意外死亡吨枉,警方通過查閱死者的電腦和手機蹦渣,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來貌亭,“玉大人柬唯,你說我怎么就攤上這事∑酝ィ” “怎么了锄奢?”我有些...
    開封第一講書人閱讀 152,878評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長剧腻。 經(jīng)常有香客問我斟薇,道長,這世上最難降的妖魔是什么恕酸? 我笑而不...
    開封第一講書人閱讀 55,306評論 1 279
  • 正文 為了忘掉前任堪滨,我火速辦了婚禮,結果婚禮上蕊温,老公的妹妹穿的比我還像新娘袱箱。我一直安慰自己,他們只是感情好义矛,可當我...
    茶點故事閱讀 64,330評論 5 373
  • 文/花漫 我一把揭開白布发笔。 她就那樣靜靜地躺著,像睡著了一般凉翻。 火紅的嫁衣襯著肌膚如雪了讨。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,071評論 1 285
  • 那天,我揣著相機與錄音前计,去河邊找鬼胞谭。 笑死,一個胖子當著我的面吹牛男杈,可吹牛的內(nèi)容都是我干的丈屹。 我是一名探鬼主播,決...
    沈念sama閱讀 38,382評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼伶棒,長吁一口氣:“原來是場噩夢啊……” “哼旺垒!你這毒婦竟也來了?” 一聲冷哼從身側響起肤无,我...
    開封第一講書人閱讀 37,006評論 0 259
  • 序言:老撾萬榮一對情侶失蹤先蒋,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后宛渐,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體鞭达,經(jīng)...
    沈念sama閱讀 43,512評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,965評論 2 325
  • 正文 我和宋清朗相戀三年皇忿,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片坦仍。...
    茶點故事閱讀 38,094評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡鳍烁,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出繁扎,到底是詐尸還是另有隱情幔荒,我是刑警寧澤,帶...
    沈念sama閱讀 33,732評論 4 323
  • 正文 年R本政府宣布梳玫,位于F島的核電站爹梁,受9級特大地震影響,放射性物質發(fā)生泄漏提澎。R本人自食惡果不足惜姚垃,卻給世界環(huán)境...
    茶點故事閱讀 39,283評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望盼忌。 院中可真熱鬧积糯,春花似錦、人聲如沸谦纱。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,286評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽跨嘉。三九已至川慌,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背梦重。 一陣腳步聲響...
    開封第一講書人閱讀 31,512評論 1 262
  • 我被黑心中介騙來泰國打工兑燥, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人忍饰。 一個月前我還...
    沈念sama閱讀 45,536評論 2 354
  • 正文 我出身青樓贪嫂,卻偏偏與公主長得像,于是被迫代替她去往敵國和親艾蓝。 傳聞我的和親對象是個殘疾皇子力崇,可洞房花燭夜當晚...
    茶點故事閱讀 42,828評論 2 345

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,513評論 25 707
  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫、插件赢织、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,029評論 4 62
  • 在使用第三方庫Masonry的時候亮靴,有時候可能會出現(xiàn)物體位置并沒有出現(xiàn)在我們想要讓它出現(xiàn)的位置。最主要的原因還是我...
    valiant_xin閱讀 779評論 0 0
  • 在人言上看到一只小泰迪的照片于置,那眼神茧吊,那卷毛,那丑丑的八毯、賴賴的搓侄,想看你卻又表現(xiàn)的很不屑,斜著眼睛瞄你的樣子幾乎跟我...
    安心的離歌閱讀 788評論 5 3
  • 直到那一天话速,我才知道讶踪,她是孤兒——爸爸去世,媽媽離家出走泊交,已多年不知去向乳讥,一直跟著年邁又體弱多病的爺爺生活。 家長...
    明媚的念子閱讀 480評論 0 3