Hoe configureer je een UIScrollView met Auto Layout in Interface Builder.

Als iOS ontwikkelaar zag ik dat veel ontwikkelaars vast zitten aan scrollView met dynamische breedte en hoogte. Ik zal je een goede manier laten zien om met deze dingen om te gaan. In deze aanpak doen we dit met storyboard alleen. Als per uw eis maak uw ontwerp (Elke hoogte) het zal automatisch zorgen voor alle dingen.

Volg deze stappen:

1. Maak een nieuw project (bijv. scrollViewAutoLayout).

2. Ga na het maken van het project naar het bestand Main.storyboard.

3. Nu ziet u lege view controller op storyboard.

4. Sleep scrollView van objectbibliotheek naar view controller.

5. nu is het tijd om constraint voor scroll view in te stellen.
6. Stel de beperking voor het scrollvenster in (boven, onder, voor en achter) op (0,0,0,0).

7. Werk nu het frame bij.
8. Nu hebben we ContentView nodig voor het scrollvenster.
9. Sleep view van objectbibliotheek naar scroll view.

10. Nu is het tijd om constraint in te stellen voor view (binnen scroll view).

13. Nu moeten we nog meer restricties toevoegen voor de inhoudsweergave.

* Belangrijkste stap *

14. Onze inhoudsweergave moet dezelfde breedte en dezelfde hoogte hebben als de bovenliggende weergave.

15. Selecteer nu de hoogtebeperking van de inhoudsweergave en stel de prioriteit in op laag(250).

16. We zijn klaar met onze setup.
17. Nu kunt u uw view met een willekeurige hoogte ontwerpen.
18. Gefeliciteerd, u bent klaar met scrollweergave met autolayout.

Download Demo

Toetreden tot swift ontwikkelaar slack kanaal: https://join.slack.com/t/swift-developer/shared_invite/enQtMjI2MzEyMTU1MDU5LTQzODM2ZDYzNWI3ZWMzNWFmNWZkM2I0YzZkODg3NjJhN2M1N2NjYTUxN2M0YmY4NzVhNTliYTBjNWNmYmY2MDI

Dank

Hoop dat je iets nieuws geleerd vandaag.

Genieten!!

Als je dit bericht met plezier hebt gelezen, deel het dan en raad het aan zodat anderen het kunnen vinden 💚💚💚💚💚💚 !!!!

Je kunt me volgen op Medium voor nieuwe artikelen. Maak ook contact met mij op LinkedIn.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.