ios实现底部PopupWindow的示例代码(底部弹出菜单)

前言

在Android中要实现底部弹出菜单很容易，有专门的PopupWindow类，我们只需要用xml订制好其内容View以及设置其弹出位置即可，非常容易。但是，在ios/166874.html">ios/124160.html">ios中就不能这么直接了，没有现成的东西，需要自己想办法来实现。

思路分析

反正最终一定要实现效果，那么内容View一定要解决掉，那么是在Interface Builder编辑实现还是直接用代码实现呢？答案是都可以，但为了方便和订制相对比较规范，建议用interface Builder编辑。 内容ok了，那么内容放在哪里？这是个核心问题，也就是确定PopupWindow的容器。我们知道ios视图的层级结构是Window->RootView->各种组件。显然PopupWindow要么放在Window中要么放在RootView中，但是如果放在RootView势必会影响RootView中原来的组件，而且与PopupWindow这个名字也不相符。所以，理想的容器就是Window。 如何弹出的问题，其实这个比较好解决，弹出时就把PopupWindow加入到容器，消失时就把它从容器中移除。要实现从底部弹出，从底部消失的效果，只需要借助UIView动画，变换起始坐标就可以了，比较容易。

具体实现

UI

用Interface Builder实现，ViewController直接选用UIViewController，内部选的是UICollectionView方便动态更新，当然这个根据需要随意。布局用AutoLayout就不用多说了，比较简单。直接上图：

注意此ViewController的RootView就是我们需要添加到Window的view，为了效果，将其背景色置为clearcolor。将其中交互的组件右键拖拽到PopupWindow类形成映射。

弹出

将RootView添加到Window中，并显示在最前面。直接上代码：

func create()-> PopupWindow {
    let window = UIApplication.shared.keyWindow
    window?.addSubview(self.view)
    window?.bringSubview(toFront: self.view)
    self.view.frame = CGRect(x: 0, y: UIScreen.main.bounds.height, width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height)
    UIView.animate(withDuration: 0.3) {
      animation in
      self.view.frame = CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height)
    }
    return self
  }