视图在Xamarin.iOS中彼此重叠

Question

I'm trying to make a MVC application in Xamarin Studio for iPhone. I have a NavigationBar and I've added a NavigationItemSetLeftBarButtonItem() which toggles the sidebar from the Flyout Navigation component. Works pretty well except for this, see image below:

As you can see, the "sidebar" is going beneath the NavigationBar. How can I push it down so that it looks like this example image:

DashboardScreen.cs code

Answer 1

You should set top margin for you NavigationTableView , so:

var navigation = new FlyoutNavigationController(); //the place where you init your side menu
navigation.NavigationTableView.Frame = new RectangleF(
                                           navigation.NavigationTableView.Frame.X,
                                           65,
                                           navigation.NavigationTableView.Frame.Width,
                                           navigation.NavigationTableView.Frame.Height - 65);

Answer 2

Without seeing the source of how you constructed your views its hard to tell. But my guess would be you have everything nested in a UINavigationController which most likely isn't what you want. It appears this way because your content is moved out and the nav bar has not. What you should do is...

window.RootViewController = flyout;
flyout.ViewControllers = new []{
    new UINavigationController(vc1),
    new UINavigationController(vc2),
    new UINavigationController(vc3),

};

Answer 3

try setting the Translucent-Property of the NavigationController.NavigationBar to false. This should solve the problem.