{"id":25057,"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":"jak-usun%c4%85%c4%87-dodatkow%c4%85-przestrze%c5%84-mi%c4%99dzy-paskiem-nawigacji-a-widokiem-przewijania","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/pl\/aplikacja-mobilna\/jak-usun%c4%85%c4%87-dodatkow%c4%85-przestrze%c5%84-mi%c4%99dzy-paskiem-nawigacji-a-widokiem-przewijania\/","title":{"rendered":"Jak usun\u0105\u0107 dodatkow\u0105 przestrze\u0144 mi\u0119dzy paskiem nawigacji a widokiem przewijania?"},"content":{"rendered":"

Cele bloga<\/strong><\/h2>\n

Po przeczytaniu tego bloga b\u0119dziemy mogli zrozumie\u0107 przyczyn\u0119 dodatkowej przestrzeni mi\u0119dzy g\u00f3rnym paskiem nawigacyjnym a widokiem przewijania w aplikacji na iOS w wersjach iOS 7 na iOS 10.<\/p>\n

Problem Statement<\/strong><\/h3>\n

Kiedy dodajemy widok przewijania lub widok tabeli (dowolny przewijany widok) w kontrolerze widoku, kt\u00f3ry zawiera pasek nawigacji u g\u00f3ry, mamy do czynienia z typowym problemem, kt\u00f3ry by\u0142 dodatkow\u0105 przestrzeni\u0105 mi\u0119dzy g\u00f3rnym paskiem nawigacyjnym a widokiem przewijania.<\/p>\n

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

<\/h3>\n

Dlaczego obecny problem istnieje<\/strong><\/h3>\n

Od systemu iOS 7 do iOS 10, kiedy dodajemy pasek nawigacyjny na wierzchu dowolnego kontrolera ViewController, w\u00f3wczas Xcode oferuje opcj\u0119, kt\u00f3ra sprawia, \u017ce \u200b\u200bpasek nawigacji jest p\u00f3\u0142przezroczysty. Aby\u015bmy mogli zobaczy\u0107 za pomoc\u0105 paska nawigacji i przewijanie strony mo\u017cna zobaczy\u0107 za pomoc\u0105 paska nawigacji.<\/p>\n

Przyczyn\u0105 problemu jest to, \u017ce po dodaniu widoku przewijania w kontrolce ViewController i ustawieniu paska nawigacji oraz p\u00f3\u0142przezroczysto\u015bci, ScrollView pozostawia margines z g\u0142\u00f3wnego widoku paska nawigacyjnego. Ale pasek nawigacyjny zosta\u0142 dodany w czasie wykonywania i przesuwa g\u0142\u00f3wny widok, tak aby pasek nawigacji zmie\u015bci\u0142 si\u0119 na g\u00f3rze. W takim przypadku widok jest przesuni\u0119ty w d\u00f3\u0142 za pomoc\u0105 paska nawigacji, a widok przewijania pozostawia margines dla paska nawigacji. Tutaj obserwujemy, \u017ce dodatkowy odst\u0119p zosta\u0142 dodany dwa razy.<\/p>\n

By\u0142 to jedyny pow\u00f3d, dla kt\u00f3rego widzimy dodatkow\u0105 przestrze\u0144 mi\u0119dzy paskiem nawigacji a widokiem przewijania.<\/p>\n

Procedura rozwi\u0105zania problemu<\/strong><\/h3>\n

Istniej\u0105 dwa sposoby rozwi\u0105zania tego problemu. W obu przypadkach ograniczamy widok przewijania, aby zostawi\u0107 dodatkowy margines dla paska nawigacyjnego.<\/p>\n

1.<\/strong>Mo\u017cemy ustawi\u0107 opcj\u0119 Translucent dla paska nawigacji na "False" w 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

W poni\u017cszym Gif wida\u0107, \u017ce ograniczenia uk\u0142adu widoku zmieniaj\u0105 si\u0119 po w\u0142\u0105czeniu \/ wy\u0142\u0105czeniu w\u0142a\u015bciwo\u015bci "Translucent" paska nawigacji.<\/p>\n

\"prze\u015bwiecaj\u0105cy\"<\/a><\/p>\n

2.<\/strong>Mo\u017cemy wy\u0142\u0105czy\u0107 "Dostosuj przewijanie Zobacz wstawki<\/strong>"w\u0142a\u015bciwo\u015b\u0107 ViewController.<\/p>\n

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

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

Podsumowanie<\/strong><\/h2>\n

Po wykonaniu powy\u017cszej procedury b\u0119dziesz m\u00f3g\u0142 usun\u0105\u0107 dodatkow\u0105 przestrze\u0144 mi\u0119dzy paskiem nawigacji i widokiem przewijania.<\/p>\n