汉堡菜单/侧边菜单外观错误

Posted

技术标签:

【中文标题】汉堡菜单/侧边菜单外观错误【英文标题】:hamburger menu / sidemenu appearance error 【发布时间】:2018-03-05 07:16:11 【问题描述】:

在我的登录屏幕主视图正确显示后,但当我添加汉堡/侧边菜单时,登录后主视图变为空白。

我在我的主页视图中添加了一个汉堡包/侧边菜单的视图,这是导致主屏幕上的所有内容消失的原因如何处理它。 我还为子视图添加了适当的约束。

【问题讨论】:

我在我的主页视图中添加了一个视图,用于汉堡/侧边菜单请添加查看代码 您面临的困难是什么?你在哪里添加了侧边栏的视图?问题不够清楚。 试试这样:***.com/a/45735883/5589073 【参考方案1】:

您可以使用这种方式实现侧边菜单栏:

@IBOutlet weak var sideMenu: UIView!
var sideMenuHiddenTransform: CGAffineTransform!
var sideMenuHidden = true
override func viewDidLoad() 
    super.viewDidLoad()

    sideMenuHiddenTransform = CGAffineTransform.init(translationX: -(sideMenu.bounds.width), y: 0)
    sideMenu.transform = sideMenuHiddenTransform


@IBAction func showHideMenu(_ sender: Any) 
    if sideMenuHidden
        UIView.animate(withDuration: 0.3, animations: 
            self.sideMenu.transform = .identity
        )
    else
        UIView.animate(withDuration: 0.3, animations: 
            self.sideMenu.transform = self.sideMenuHiddenTransform
        )
    
    sideMenuHidden = !sideMenuHidden

布局:

【讨论】:

【参考方案2】:

尝试为 side menu Drawer 检查 Custom Code ,要应用它只需在 mainController 中添加一个按钮并添加一个单独的控制器作为 Side Drawer

目前我使用notification observers将单元格索引从侧边菜单传递到主控制器,你可以使用Protocols

链接 - https://github.com/RockinGarg/Slide-Menu-Drawer.git

使用平移手势完全自定义代码,即您还可以在显示或添加主子视图后使侧视图可拖动

侧边菜单抽屉 UIViewController 对象

  private lazy var sideMenuVCObject: SideMenuVC =

    // Instantiate View Controller
    let viewController = self.storyboard?.instantiateViewController(withIdentifier: "SideMenuVC") as! SideMenuVC

    // Add View Controller as Child View Controller
    self.addChildViewController(viewController)
    return viewController
()

截图

【讨论】:

以上是关于汉堡菜单/侧边菜单外观错误的主要内容,如果未能解决你的问题,请参考以下文章

使用 react-native 抽屉实现侧边栏/汉堡菜单

在代号一上使用自定义表单作为汉堡侧边菜单

Ionic 4+Vue JS 汉堡菜单

限制 IONIC 侧边菜单自动填充大屏幕

10分钟制作UWP汉堡菜单

何时使用汉堡包菜单设计