iOS 11 Drag Drop使用(四)UISpringLoadedInteraction

章節(jié)

Drag & Drop除了基礎(chǔ)APIs外,還為tableView,collectionView舶替、textView提供了高級APIs,所以本系列分為以下幾個(gè)部分:

什么是Spring Load杠园?

彈性加載顾瞪?,用于Drag Drop時(shí)的動(dòng)態(tài)UI導(dǎo)航。這樣翻譯貌似也有點(diǎn)別扭陈醒,云里霧里惕橙。。钉跷。還是用個(gè)動(dòng)圖解釋什么是Spring load

springLoad.gif

圖里Drag到tableView Cell上弥鹦,cell閃爍,push到下層UI爷辙,這個(gè)過程就叫做SpringLoad彬坏,就像你在mac上拖動(dòng)文件到某個(gè)文件夾上,會(huì)導(dǎo)航進(jìn)入這個(gè)文件夾一樣膝晾。

如何使用Spring Load栓始?

  1. 系統(tǒng)默認(rèn)支持
    iOS11 默認(rèn)支持的標(biāo)準(zhǔn)UIKit

對于默認(rèn)支持的控件,實(shí)現(xiàn)非常簡單玷犹,打開對應(yīng)視圖的SpringLoad開關(guān)即可混滔,例如上圖tableView:

self.tableView.springLoaded = YES;

cell原有跳轉(zhuǎn)邏輯不變洒疚。

當(dāng)然歹颓,如果需要自定義SpringLoad觸發(fā)事件(即視圖閃爍后),參考2.

  1. 添加自定義Spring load
    這里使用UIImageView來實(shí)現(xiàn)上述UI導(dǎo)航效果油湖,代碼也很簡單:
    self.springLoadImageView.frame = CGRectMake(0, CGRectGetHeight(self.view.frame)-300, CGRectGetWidth(self.view.frame), 300);
    [self.view addSubview:self.springLoadImageView];
    self.springLoadImageView.userInteractionEnabled = YES;
    
    __weak __typeof(self) weakSelf = self;
    UISpringLoadedInteraction *springLoadInteraction = [[UISpringLoadedInteraction alloc] initWithActivationHandler:^(UISpringLoadedInteraction * _Nonnull interaction, id<UISpringLoadedInteractionContext>  _Nonnull context) {
        
        Class cls = NSClassFromString([weakSelf.demos objectAtIndex:1][@"class"]);
        UIViewController *vc = (UIViewController*)[[cls alloc] init];
        [weakSelf.navigationController pushViewController:vc animated:YES];
    }];
    [self.springLoadImageView addInteraction:springLoadInteraction];
springLoad_1.gif

參考資料

文檔

視頻

代碼

Tips

文章難免會(huì)有錯(cuò)誤巍扛、理解錯(cuò)位的地方乏德,請不吝指教撤奸。??

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市喊括,隨后出現(xiàn)的幾起案子胧瓜,更是在濱河造成了極大的恐慌,老刑警劉巖郑什,帶你破解...
    沈念sama閱讀 211,290評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件府喳,死亡現(xiàn)場離奇詭異,居然都是意外死亡蘑拯,警方通過查閱死者的電腦和手機(jī)钝满,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評論 2 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來申窘,“玉大人弯蚜,你說我怎么就攤上這事√攴ǎ” “怎么了碎捺?”我有些...
    開封第一講書人閱讀 156,872評論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我收厨,道長悍引,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,415評論 1 283
  • 正文 為了忘掉前任帽氓,我火速辦了婚禮趣斤,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘黎休。我一直安慰自己浓领,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,453評論 6 385
  • 文/花漫 我一把揭開白布势腮。 她就那樣靜靜地躺著联贩,像睡著了一般。 火紅的嫁衣襯著肌膚如雪捎拯。 梳的紋絲不亂的頭發(fā)上泪幌,一...
    開封第一講書人閱讀 49,784評論 1 290
  • 那天,我揣著相機(jī)與錄音署照,去河邊找鬼祸泪。 笑死,一個(gè)胖子當(dāng)著我的面吹牛建芙,可吹牛的內(nèi)容都是我干的没隘。 我是一名探鬼主播,決...
    沈念sama閱讀 38,927評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼禁荸,長吁一口氣:“原來是場噩夢啊……” “哼右蒲!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起赶熟,我...
    開封第一講書人閱讀 37,691評論 0 266
  • 序言:老撾萬榮一對情侶失蹤瑰妄,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后映砖,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體间坐,經(jīng)...
    沈念sama閱讀 44,137評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,472評論 2 326
  • 正文 我和宋清朗相戀三年啊央,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了眶诈。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,622評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡瓜饥,死狀恐怖逝撬,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情乓土,我是刑警寧澤宪潮,帶...
    沈念sama閱讀 34,289評論 4 329
  • 正文 年R本政府宣布溯警,位于F島的核電站,受9級特大地震影響狡相,放射性物質(zhì)發(fā)生泄漏梯轻。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,887評論 3 312
  • 文/蒙蒙 一尽棕、第九天 我趴在偏房一處隱蔽的房頂上張望喳挑。 院中可真熱鬧,春花似錦滔悉、人聲如沸伊诵。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽曹宴。三九已至,卻和暖如春歉提,著一層夾襖步出監(jiān)牢的瞬間笛坦,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工苔巨, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留版扩,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,316評論 2 360
  • 正文 我出身青樓恋拷,卻偏偏與公主長得像资厉,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子蔬顾,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,490評論 2 348

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