导航栏和界面视图显示问题

问题描述

• 工程内集成使用 TuSDK 的组件，显示图片编辑组件界面状态栏或者导航栏发生了上移或遮挡或者无法隐藏等显示的情况。

解决方法

• TuSDK 内部是有完整的界面视图设计，开启编辑器时，如果传入的 ViewController 已经在 NavigationController 里面，会直接 push 进来，如果不是，SDK 会建立一个新的NavigationController。SDK 也提供了接口供修改内部导航栏的样式，通过 TuSDKGeeV1Theme，可以自定义内部组件导航栏的样式，包括背景色，字体颜色等。例如：

 [TuSDKGeeV1Theme shared].navigationBackgroundColor = [UIColor whiteColor];

• 界面下移，具体表现视图整体下移，或者导航栏挡住了视图。

  • iOS 7中，ViewController新增edgesForExtendedLayout和extendedLayoutIncludesOpaqueBars两个属性，用来设置视图在UINavigationController的布局。

  • edgesForExtendedLayout：布局向边界延伸的方向，默认值为UIRectEdgeAll，表示向四个方向延伸，也就是占满全屏。视图位置从屏幕最上方开始。如果视图中的控件Y坐标为0，则被状态条和导航栏遮住。修改为UIRectEdgeNone，视图位置从导航栏下方开始。控件Y坐标为0，不会被遮住。在 iOS6 中，视图位置从导航栏下方开始。

  • extendedLayoutIncludesOpaqueBars：如果导航条背景不透明，是否也延伸视图的边界，默认为NO。iOS 7+导航条属性translucent默认为 YES，表示加透明效果。如果给导航条设置了不带alpha通道的背景图片或者将translucent修改为NO，此时一定要注意视图的布局位置。如果edgesForExtendedLayout为默认值，则视图位置会从导航栏下方开始，不会占满全屏。

  • 为了兼容 iOS 6，建议视图中的控件坐标一律从 0 开始，然后通过设置以上属性来控制视图的整体布局位置。

  • 另外还有一个属性automaticallyAdjustsScrollViewInsets，默认为YES，表示当视图中有 ScrollView 控件（比如TableView）时，是否自动调整布局，避免内容被导航条遮住。也就是说，视图位置会从导航栏下方开始，控件 Y 坐标为 0 即可。

• 界面出现之后，视图中没有出现导航栏，这说明工程中已经设置了导航栏，可能用户自己在设置的时候进行了隐藏。

• 界面无法隐藏导航栏，例如在照片美化组件中导航栏设置的是隐藏状态，此时显示导航栏，那么请确认工程中是否使用类似FDFullscreenPopGesture的全局通用手势插件，如果有请在 TuSDK 组件开启的时候，将插件禁止使用。否则导航栏将一直显示无法隐藏。

• 界面工程内原有状态栏被隐藏，可以隐藏页面的 - (void)viewWillAppear:(BOOL)animated; 方法中调用，系统的状态栏显示的方法。