{"id":25058,"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":"como-remover-espa%c3%a7o-extra-entre-a-barra-de-navega%c3%a7%c3%a3o-e-a-exibi%c3%a7%c3%a3o-de-rolagem","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/pt-br\/aplicativo-movel\/como-remover-espa%c3%a7o-extra-entre-a-barra-de-navega%c3%a7%c3%a3o-e-a-exibi%c3%a7%c3%a3o-de-rolagem\/","title":{"rendered":"Como remover espa\u00e7o extra entre a barra de navega\u00e7\u00e3o e a exibi\u00e7\u00e3o de rolagem?"},"content":{"rendered":"

Objetivos do blog<\/strong><\/h2>\n

Depois de ler este blog, poderemos entender o motivo do espa\u00e7o extra entre a Barra de navega\u00e7\u00e3o superior e a Visualiza\u00e7\u00e3o de rolagem no aplicativo iOS nas vers\u00f5es iOS 7 para iOS 10.<\/p>\n

Problema Declara\u00e7\u00e3o<\/strong><\/h3>\n

Quando adicionamos uma visualiza\u00e7\u00e3o de rolagem ou visualiza\u00e7\u00e3o de tabela (qualquer visualiza\u00e7\u00e3o rol\u00e1vel) em um controlador de visualiza\u00e7\u00e3o que cont\u00e9m uma Barra de Navega\u00e7\u00e3o na parte superior, enfrentamos um problema comum que \u00e9 algum espa\u00e7o extra entre a Barra de navega\u00e7\u00e3o superior e a Visualiza\u00e7\u00e3o de rolagem.<\/p>\n

\"rol\u00e1vel:<\/a><\/p>\n

<\/h3>\n

Por que a quest\u00e3o atual est\u00e1 l\u00e1<\/strong><\/h3>\n

Do iOS 7 ao iOS 10, quando adicionamos uma barra de navega\u00e7\u00e3o sobre qualquer ViewController, o Xcode nos oferece uma op\u00e7\u00e3o para tornar a barra de navega\u00e7\u00e3o transl\u00facida. Para que possamos ver atrav\u00e9s da barra de navega\u00e7\u00e3o e a rolagem da p\u00e1gina pode ser vista atrav\u00e9s da barra de navega\u00e7\u00e3o.<\/p>\n

Agora, a raz\u00e3o para o problema \u00e9 que quando uma Visualiza\u00e7\u00e3o de Rolagem \u00e9 adicionada no ViewController e a Barra de Navega\u00e7\u00e3o \u00e9 definida e transl\u00facida, o ScrollView deixa uma margem a partir da visualiza\u00e7\u00e3o principal para a barra de navega\u00e7\u00e3o. Mas a barra de navega\u00e7\u00e3o \u00e9 adicionada no tempo de execu\u00e7\u00e3o e move a vista principal para baixo, de modo que a Barra de Navega\u00e7\u00e3o caiba na parte superior. Ent\u00e3o, nesse caso, a vis\u00e3o \u00e9 deslocada para baixo pela barra de navega\u00e7\u00e3o e a margem de folhas de exibi\u00e7\u00e3o de rolagem para a barra de navega\u00e7\u00e3o. Aqui n\u00f3s observamos que o espa\u00e7amento extra foi adicionado duas vezes.<\/p>\n

Essa foi a \u00fanica raz\u00e3o pela qual vemos espa\u00e7o extra entre a Barra de Navega\u00e7\u00e3o e a Visualiza\u00e7\u00e3o de Rolagem.<\/p>\n

Procedimento para resolver o problema<\/strong><\/h3>\n

Existem duas maneiras de resolver o problema. Em ambos os casos, restringimos a visualiza\u00e7\u00e3o de rolagem para deixar margem extra para a Barra de Navega\u00e7\u00e3o.<\/p>\n

1.<\/strong>Podemos definir a op\u00e7\u00e3o Transl\u00facido da Barra de Navega\u00e7\u00e3o como "False" no 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

No GIF abaixo voc\u00ea pode ver que a restri\u00e7\u00e3o de layout da vis\u00e3o muda quando habilitamos \/ desabilitamos a propriedade "Translucent" da barra de navega\u00e7\u00e3o.<\/p>\n

\"transl\u00facido\"<\/a><\/p>\n

2.<\/strong>N\u00f3s podemos desabilitar "Ajustar inser\u00e7\u00f5es de rolagem<\/strong>"propriedade do ViewController.<\/p>\n

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

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

Resumo<\/strong><\/h2>\n

Ap\u00f3s seguir o procedimento acima, voc\u00ea poder\u00e1 remover o espa\u00e7o extra entre a Barra de Navega\u00e7\u00e3o e a Visualiza\u00e7\u00e3o de Rolagem.<\/p>\n