iOS 点击注释图标 弹出对应解释

需求:如题目  接上一篇的开发内容

效果图:

这种情况存在tableView 的一个cell中.

要点

1,  弹出的对应解释 要在可视区域,并且小尖角 要指着 图片

2,  文本不能过高 有极大高度 然后 文本内容可以滚动  (textView)

3,  对话框 宽度 固定为整体UI宽度

4,对话框朝向 由 当前点击的位置 以屏幕1/2为分界判断

5,因为 这个点击的View 是在cell里面  那么弹出的对话框展示 要相对于全屏 最上层  这个 触发 是整个app的第一响应所以

当前已知 焦点相对于cell View的位置  需要进一步知道相对于UIWindow的位置

关键代码:

CGRect rectInTableView = [tableView rectForRowAtIndexPath:self.indexPath];//知道当前cell indexPath 获得当前cell(即View)相对于tableView的位置

CGRect rectInSuperview = [tableView convertRect:rectInTableView toView:window];//获得当前cell(即View)相对于UIWindow的位置

6, 在同一个View里面有两个 两个以上 点击对话框的时候 点击时候 要取消上一次点击 (取消包括  删除/隐藏点击对话框的所有图层) 不然会页面混乱. 如果点击了空白 也要默认为取消点击  因为用户可能要开启别的点击事件 所以 这个时机取消 弹出对话框 为 第一响应

图文混排 讲到这里 也就是告于段落一阵子,具体问题当然还要具体分析,比如 如果 当前的富文本 需要有复制粘帖的功能呢??? 这个该怎么处理

慢慢来,面包牛奶都会有 ,具体问题具体分析吧 到这里了 ending