iPhone X - Как мы должны обрабатывать пространство над заголовками разделов таблицы? Это видно по содержанию

Вот что я в итоге сделал.

Я добавил новый UIView (notchFIxView) с UIVisualEffectView внутри. Я разместил его в самом верху контроллера представления. Это самое верхнее представление за пределами всего табличного представления. Я прикрепил верхнее, левое и правое ограничения к супервизору (НЕ к безопасной зоне).

Я прикрепил нижнюю часть этого вида к верхней части безопасной зоны.

Я добавил в интерфейс протокол UIScrollViewDelegate и следующие макросы для обнаружения iPhoneX:

#define IS_IPHONE (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone)
#define SCREEN_WIDTH ([[UIScreen mainScreen] bounds].size.width)
#define SCREEN_HEIGHT ([[UIScreen mainScreen] bounds].size.height)
#define SCREEN_MAX_LENGTH (MAX(SCREEN_WIDTH, SCREEN_HEIGHT))
#define IS_IPHONE_X (IS_IPHONE && SCREEN_MAX_LENGTH == 812.0)

Я добавил в свой интерфейс переменную BOOL checkIfNotch; и инициализировал ее в viewDidLoad:

checkIfNotch = IS_IPHONE_X;

Затем окончательное отображение/скрытие notchFIxView происходит следующим образом:

- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
    if (checkIfNotch) {
        static CGFloat lastY = 0;

        CGFloat currentY = scrollView.contentOffset.y;

        if ((lastY <= tableheaderviewHeight) && (currentY > tableheaderviewHeight)) {
            NSLog(@" ******* Header view just disappeared");

            self.notchFIxView.hidden=NO;
            [UIView animateWithDuration:0.3 animations:^{
                self.notchFIxView.alpha=1;
            } completion:^(BOOL finished) {

            }];

        }

        if ((lastY > tableheaderviewHeight) && (currentY <= tableheaderviewHeight)) {
            NSLog(@" ******* Header view just appeared");

            [UIView animateWithDuration:0.3 animations:^{
                self.notchFIxView.alpha=0;
            } completion:^(BOOL finished) {
                self.notchFIxView.hidden=YES;
            }];
        }

        lastY = currentY;
    }
}

После этого он выглядит намного красивее:

так как пространство над заголовком видно через содержимое, как вы заметили на этом снимке экрана

Различайте две вещи: основной вид, который простирается за выемкой, и вид таблицы. Прикрепите верхнюю часть табличного представления к верхней части безопасной области. На iPhone X и только на iPhone X верхняя часть безопасной области будет находиться далеко внизу от верхней части основного вида, а нижняя часть безопасной области будет вверху снизу. основного вида, чтобы ваш вид таблицы не поднимался за выемку или не опускался за индикатор.

На этом снимке экрана над заголовком A прокручивается несколько ячеек, но вы их не видите. И нижняя часть таблицы остается за пределами индикатора виртуального дома.

Это просто вопрос предоставления контроллеру представления таблицы родительского контроллера представления с черным фоном. Вы можете сделать это в коде или настроить его полностью без кода в раскадровке.

Если вам интересно, вы можете взглянуть на эту страницу github, которая дает вам возможность решить эту проблему с надрезом:

https://github.com/HarshilShah/NotchKit