{"id":25054,"date":"2019-03-06T05:00:04","date_gmt":"2019-03-06T05:00:04","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=25026\/"},"modified":"2019-03-07T15:31:50","modified_gmt":"2019-03-07T05:01:50","slug":"comment-supprimer-un-espace-suppl%c3%a9mentaire-entre-la-barre-de-navigation-et-la-vue-de-d%c3%a9filement","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/fr\/mobile-app-fr\/comment-supprimer-un-espace-suppl%c3%a9mentaire-entre-la-barre-de-navigation-et-la-vue-de-d%c3%a9filement\/","title":{"rendered":"Comment supprimer un espace suppl\u00e9mentaire entre la barre de navigation et la vue de d\u00e9filement?"},"content":{"rendered":"

Objectifs du blog<\/strong><\/h2>\n

Apr\u00e8s avoir lu ce blog, nous pourrons comprendre la raison de l\u2019espace suppl\u00e9mentaire entre la barre de navigation sup\u00e9rieure et la vue de d\u00e9filement dans l\u2019application iOS dans les versions iOS 7 \u00e0 iOS 10.<\/p>\n

\u00c9nonc\u00e9 du probl\u00e8me<\/strong><\/h3>\n

Lorsque nous ajoutons une vue de d\u00e9filement ou une vue tabulaire (toute vue d\u00e9filable) dans un contr\u00f4leur de vue contenant une barre de navigation en haut, nous sommes confront\u00e9s \u00e0 un probl\u00e8me courant: un espace suppl\u00e9mentaire entre la barre de navigation sup\u00e9rieure et la vue de d\u00e9filement.<\/p>\n

\"scrollable:<\/a><\/p>\n

<\/h3>\n

Pourquoi la question actuelle est l\u00e0<\/strong><\/h3>\n

D'iOS 7 \u00e0 iOS 10, lorsque nous ajoutons une barre de navigation au-dessus de tout ViewController, Xcode nous fournit une option permettant de rendre la barre de navigation translucide. Pour que nous puissions voir \u00e0 travers la barre de navigation et que le d\u00e9filement de la page soit visible dans la barre de navigation.<\/p>\n

La raison du probl\u00e8me tient maintenant au fait que lorsqu'une vue de d\u00e9filement est ajout\u00e9e dans ViewController et que la barre de navigation est d\u00e9finie et transparente, la vue de d\u00e9filement laisse une marge dans la vue principale de la barre de navigation. Mais la barre de navigation a \u00e9t\u00e9 ajout\u00e9e au moment de l'ex\u00e9cution et la vue principale est d\u00e9plac\u00e9e vers le bas afin que la barre de navigation puisse tenir sur le dessus. Donc, dans ce cas, la vue est d\u00e9cal\u00e9e vers le bas par la barre de navigation et la vue en d\u00e9filement laisse la marge pour la barre de navigation. Nous observons ici que l\u2019espacement suppl\u00e9mentaire a \u00e9t\u00e9 ajout\u00e9 deux fois.<\/p>\n

C'est la seule raison pour laquelle nous voyons un espace suppl\u00e9mentaire entre la barre de navigation et la vue de d\u00e9filement.<\/p>\n

Proc\u00e9dure pour r\u00e9soudre le probl\u00e8me<\/strong><\/h3>\n

Il existe deux mani\u00e8res de r\u00e9soudre le probl\u00e8me. Dans les deux cas, nous limitons la vue de d\u00e9filement afin de laisser une marge suppl\u00e9mentaire pour la barre de navigation.<\/p>\n

1.<\/strong>Nous pouvons d\u00e9finir l'option Translucide de la barre de navigation sur "False" dans Xcode.<\/p>\n

? This will make the navigation bar Opaque and then the scroll view is not required to scroll under the Navigation Bar. So that Scroll View will leave no space for Navigation Bar.<\/p>\n

Dans le Gif ci-dessous, vous pouvez voir que la contrainte de pr\u00e9sentation de la vue change lorsque nous activons \/ d\u00e9sactivons la propri\u00e9t\u00e9 "Translucide" de la barre de navigation.<\/p>\n

\"translucide\"<\/a><\/p>\n

2.<\/strong>Nous pouvons d\u00e9sactiver "Ajuster les inserts de d\u00e9filement<\/strong>"propri\u00e9t\u00e9 du ViewController.<\/p>\n

\"Ajuster<\/a><\/p>\n

? This will restrict the Scroll View to leave extra space for the Navigation bar on top.<\/p>\n

R\u00e9sum\u00e9<\/strong><\/h2>\n

Apr\u00e8s avoir suivi la proc\u00e9dure ci-dessus, vous pourrez supprimer l\u2019espace suppl\u00e9mentaire entre la barre de navigation et la vue de d\u00e9filement.<\/p>\n