3DTouch_Peek and Pop

Peek 和 Pop,全新功能登场。

Peek 和 Pop 让你能够预览所有类型的内容,甚至可对内容进行操作,却不必真的打开它们。例如,轻按屏幕,可用 Peek 预览收件箱中的每封邮件。如果要打开其中一封,只需按压时继续稍微用力,即可用 Pop 点开邮件。

引用苹果官网的介绍之后,看下我们要实现的效果:

首页使用UITableView,显示基本基本信息

重按其中的某一个cell,显示Peek视图

向上滑动,看到下面的选项

正式开始

1. 创建Single View Application工程,在ViewController.swift中添加UITableView

Demo中使用了StoryBoard进行设置页面,大家可以任意选择。

2. 在设置每行cell上显示什么内容的方法中,添加如下代码

获取每一个cell之后,把cell注册给控制器,这样,我们才可以在重按的时候显示Peek视图

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {

// 获取重用的cell

let cell = tableView.dequeueReusableCellWithIdentifier("cell", forIndexPath: indexPath)

// 重要代码: 使用控制器调用方法,注册previewAction的代理和视图

self.registerForPreviewingWithDelegate(self, sourceView: cell)

// 显示数据

let person = allDataArray[indexPath.row]

cell.imageView?.image = UIImage(named: "dog")

cell.textLabel?.text = person.name

cell.detailTextLabel?.text = person.phone

// 返回cell

return cell

}

刚刚除了注册,还将self设置为了代理,下面继续

3. 遵守UIViewControllerPreviewingDelegate,并实现协议中必须实现协议方法

使用extension进行拓展协议

首先实现第一个协议方法previewingContext:viewControllerForLocation,当重按的时候,会执行此协议方法,我们需要在这个方法中返回要显示的控制器,并给控制器上的一些控件赋值

extension ViewController: UIViewControllerPreviewingDelegate {

// 重按执行此方法

func previewingContext(previewingContext: UIViewControllerPreviewing, viewControllerForLocation location: CGPoint) -> UIViewController? {

// 创建新控制器(从Storyboard中根据标示符获取)

let detailVC = self.storyboard?.instantiateViewControllerWithIdentifier("detailVC") as! DetailViewController

// 注意:在这里设置新控制器的背景颜色,其实是破坏了控制器的声明周期。我们的目的是在未推出控制器的时候,便使控制器去加载Storyboard中的控件

detailVC.view.backgroundColor = UIColor.cyanColor()

// 获取模型

let cell = previewingContext.sourceView as! UITableViewCell

let indexPath = tableView.indexPathForCell(cell)

let person = allDataArray[(indexPath?.row)!]

// 获取模型的数据并显示

detailVC.imageView.image = UIImage(named: "dog")

detailVC.nameLabel.text = person.name

detailVC.phoneLabel.text = person.phone

detailVC.introduceLabel.text = person.introduce

// 返回重按显示的控制器

return detailVC

}

}

注意:如果只实现上面一个协议方法是不可行的,还有另外一个方法previewingContext:commitViewController,当重按显示之后,再增大力度按的时候,可以执行如下方法,直接推出控制器

extension ViewController: UIViewControllerPreviewingDelegate {

// 当我们重按显示出控制器之后,再加大力度去按,就会执行此方法,则直接推出控制器

func previewingContext(previewingContext: UIViewControllerPreviewing, commitViewController viewControllerToCommit: UIViewController) {

// 直接推出控制器

self.showViewController(viewControllerToCommit, sender: self)

}

}

我们实现了视图的显示,但是还没有显示出下面的操作选项。下面,继续。。。

4. 显示Peek视图下面的选项

注意了,这些选项不是写在ViewController.swift文件中的,而是写在显示的控制器,也就是在DetailViewController.swift中的

在DetailViewController.swift中重写如下方法:

override func previewActionItems() -> [UIPreviewActionItem] {

// 创建UIPrewviewAction对象,一个代表一个事件

// 默认的样式

let defaultPreviewAction = UIPreviewAction(title: "默认", style: UIPreviewActionStyle.Default) { (previewAction, viewController) -> Void in

print("默认")

}

// 选中的样式

let selectedPreviewAction = UIPreviewAction(title: "选择", style: UIPreviewActionStyle.Selected) { (previewAction, viewController) -> Void in

print("Selected")

}

// 破坏性的样式

let destructivePreviewAction = UIPreviewAction(title: "破坏性", style: UIPreviewActionStyle.Destructive) { (previewAction, viewController) -> Void in

print("Destructive")

}

// 把几个Action添加到数组中,并返回

return [defaultPreviewAction, selectedPreviewAction, destructivePreviewAction]

}

每一个Action都是一个按钮,按钮的事件都是以闭包的形式完成的,非常的方便

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,132评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,802评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,566评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,858评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,867评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,695评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,064评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,705评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,915评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,677评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,796评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,432评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,041评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,992评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,223评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,185评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,535评论 2 343

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,019评论 4 62
  • 1.badgeVaule气泡提示 2.git终端命令方法> pwd查看全部 >cd>ls >之后桌面找到文件夹内容...
    i得深刻方得S阅读 4,628评论 1 9
  • *面试心声:其实这些题本人都没怎么背,但是在上海 两周半 面了大约10家 收到差不多3个offer,总结起来就是把...
    Dove_iOS阅读 27,123评论 29 470
  • 如果你当前Linux没有配置成默认使用图形界面的话,可以使用 命令 startx 来启动X.org 和 WM。 对...
    咯小屋阅读 443评论 0 0
  • 这次二阶课程,又一次看到自己“不痒”,这是我一直纳闷的事情。 我怎么没有痒的感受呢? 从上学时候,我就印象我不痒,...
    尚灵心阅读 404评论 0 1