滑动边栏菜单IOS 8 Swift

if (NSClassFromString("UIVisualEffectView") != nil) {        
    // Add blur view
    let blurView:UIVisualEffectView = UIVisualEffectView(effect: UIBlurEffect(style: UIBlurEffectStyle.Light))
    blurView.frame = sideBarContainerView.bounds
    sideBarContainerView.addSubview(blurView)
}

Run Code Online (Sandbox Code Playgroud)

Answer 4

Rob*_*hen 9

我认为使用自定义视图控制器转换是制作滑出菜单的可靠方法:

您可以自定义动画.
转换是交互式的,因此您可以拖动以前进和后退.转换总是完成或回滚,并且永远不会陷入中间状态.
您可以使用Pan Gestures和Screen Edge Pan Gestures来推动交互.这意味着您可以策略性地放置它们以最小化与水平手势内容的冲突.
您不必诉诸容器视图.这意味着您的应用程序架构更平坦,您可以使用protocol-delegate而不是NSNotifications.
一次只有一个ViewController处于活动状态.快照用于表示屏幕上有第二个VC.

自定义视图控制器转换起初很难学习(至少对我来说是这样).我写了一篇关于如何创建交互式幻灯片菜单的博客文章,并尽力使其尽可能易于理解.

您也可以直接跳到GitHub上的代码中.

在很高的层次上,这就是它的工作原理:

您将滑出菜单作为模态打开.
您可以为当前创建自定义动画并使用UIViewControllerAnimatedTransitioning协议关闭过渡.您可以使用快照在动画期间表示主视图控制器.
您可以创建Pan Gesture Recognizers以交互方式呈现/取消模态.
您将Pan Gesture事件连接到UIPercentDrivenInteractiveTransition对象,以使过渡与用户的移动保持同步.
呈现控制器采用UIViewControllerTransitioningDelegate协议并连接所有自定义动画和交互式过渡.

我实际上在此线程上有一个使用Scrollview/Container View的先前答案.这种方法适用于原型,但在准备好应用程序生产时会遇到很多边缘情况和错误.每周花在回应博客评论和修复边缘案例上的动机促使我写了关于这个主题的第二篇博文.

Answer 5

小智 6

这是我添加到混音中的另一个SideMenu库:https://github.com/jonkykong/SideMenu.

由Facebook启发的Swift iOS简单侧边菜单控件.左右两侧.无需编码.

它可以在故事板中实现,而无需一行代码.

四种标准动画风格可供选择(如果你想变得奇怪,甚至是视差).

高度可定制,无需编写大量自定义代码.

支持在单个手势中在两侧的侧面菜单之间连续滑动.

全局菜单配置.设置一次并完成所有屏幕.

菜单可以与任何其他View Controller一样显示和解除,因为此控件使用自定义转换.

Answer 6

Pop*_*dic 5

这是我如何做的一个小例子,这个抽屉控件有左,中,右的uiview控制器.这个工作就像Slack IPad应用程序,其中一方或另一方是打开的.

/*
 To use simply instantiate SlidingDrawerController as your root view in your AppDelegate, or in the
 StoryBoard.
 Once SlidingDrawerController is instantiated, set the drawerSize of the SlidingDrawerController,
 and its leftViewControllerIdentifier, centerViewControllerIdentifier, and
 rightViewControllerIdentifier to the Storyboard Identifier of the UIViewController
 you want in the different locations.
 */

class SlidingDrawerController: UIViewController {
    var drawerSize:CGFloat = 4.0
    var leftViewControllerIdentifier:String = "leftViewController"
    var centerViewControllerIdentifier:String = "centerViewController"
    var rightViewControllerIdentifier:String = "rightViewController"

    enum Drawers {
        case left
        case right
    }

    private var _leftViewController:UIViewController?
    var leftViewController:UIViewController {
        get{
            if let vc = _leftViewController {
                return vc;
            }
            return UIViewController();
        }
    }
    private var _centerViewController:UIViewController?
    var centerViewController:UIViewController {
        get{
            if let vc = _centerViewController {
                return vc;
            }
            return UIViewController();
        }
    }
    private var _rightViewController:UIViewController?
    var rightViewController:UIViewController {
        get{
            if let vc = _rightViewController {
                return vc;
            }
            return UIViewController();
        }
    }

    static let SlidingDrawerOpenLeft = 1
    static let SlidingDrawerOpenRight = 2
    var openSide:SlidingDrawerController.Drawers {
        get{
            return _openSide;
        }
    }
    private var _openSide = SlidingDrawerController.Drawers.left

    override func viewDidLoad() {
        super.viewDidLoad()

        // Instantiate VC's with storyboard ID's
        self._leftViewController = self.instantiateViewControllers(storyboardID: self.leftViewControllerIdentifier)
        self._centerViewController = self.instantiateViewControllers(storyboardID: self.centerViewControllerIdentifier)
        self._rightViewController = self.instantiateViewControllers(storyboardID: self.rightViewControllerIdentifier)

        self.drawDrawers(size: UIScreen.main.bounds.size)

        self.view.addSubview(self.leftViewController.view)
        self.view.addSubview(self.centerViewController.view)
        self.view.addSubview(self.rightViewController.view)
    }

    override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
        coordinator.animateAlongsideTransition(in: self.view, animation: { (UIViewControllerTransitionCoordinatorContext) -> Void in
            // This is for beginning of transition
            self.drawDrawers(size: size)
        }, completion: { (UIViewControllerTransitionCoordinatorContext) -> Void in
            // This is for after transition has completed.
        })

    }

    // MARK: - Drawing View

    func drawDrawers(size:CGSize) {
        // Calculate Center View's Size
        let centerWidth = (size.width/drawerSize) * (drawerSize - 1)
        // Left Drawer
        self.leftViewController.view.frame = CGRect(x: 0.0, y: 0.0, width: size.width/self.drawerSize, height: size.height)

        // Center Drawer
        self.centerViewController.view.frame = CGRect(x: self.leftViewController.view.frame.width, y: 0.0, width: centerWidth, height: size.height)

        // Right Drawer
        self.rightViewController.view.frame = CGRect(x: self.centerViewController.view.frame.origin.x + self.centerViewController.view.frame.size.width, y: 0.0, width: size.width/self.drawerSize, height: size.height)

        // Capture the Swipes
        let swipeRight = UISwipeGestureRecognizer(target: self, action: #selector(self.swipeRightAction(rec:)))
        swipeRight.direction = .right
        centerViewController.view.addGestureRecognizer(swipeRight)

        let swipeLeft = UISwipeGestureRecognizer(target: self, action: #selector(self.swipeLeftAction(rec:)))
        swipeLeft.direction = .left
        centerViewController.view.addGestureRecognizer(swipeLeft)

        openDrawer(openSide)
    }

    // MARK: - Open Drawers
    func openDrawer(_ side:Drawers) {
        self._openSide = side
        var rect:CGRect
        switch side{
        case .left:
            rect = CGRect(
                x: 0.0,
                y: 0.0,
                width: self.view.bounds.width,
                height: self.view.bounds.height
            )
        case .right:
            rect = CGRect(
                x: self.view.bounds.origin.x - self.leftViewController.view.bounds.size.width,
                y: 0.0,
                width: self.view.bounds.width,
                height: self.view.bounds.height
            )
        }
        UIView.animate(withDuration: 0.1, delay: 0, options: UIViewAnimationOptions.curveEaseIn, animations:
            { () -> Void in
                // move views here
                self.view.frame = rect
        }, completion:
            { finished in
        })
    }

    // MARK: - Swipe Handling

    @objc func swipeRightAction(rec: UISwipeGestureRecognizer){
        self.openDrawer(.left)
    }

    @objc func swipeLeftAction(rec:UISwipeGestureRecognizer){
        self.openDrawer(.right)
    }

    // MARK: - Helpers

    func instantiateViewControllers(storyboardID: String) -> UIViewController {
        return UIStoryboard(name: "Main", bundle: nil)
                .instantiateViewController(withIdentifier: "\(storyboardID)")

    }
}

Run Code Online (Sandbox Code Playgroud)

来源于此.

图片在这里.

视频在这里.

归档时间：	11 年，4 月前
查看次数：	75196 次
最近记录：	7 年，7 月前