Stap 1: Auto layout toevoegen

Selecteer meerdere elementen (bijvoorbeeld een pictogram en tekst), klik met de rechtermuisknop en kies Auto layout toevoegen, of gebruik de sneltoets Shift + A. Je kunt ook op het Auto layout-pictogram klikken in het Ontwerp-paneel onder Layout.

Stap 2: Herken het Auto layout-frame

Het framepictogram in het Lagen-paneel verandert om aan te geven dat het een Auto layout-frame is. Dit betekent dat het frame nu dynamisch aanpast aan zijn onderliggende objecten.

Stap 3: Frame-instellingen aanpassen

Auto layout voegt dynamische frames toe die zich aanpassen op basis van hun onderliggende objecten. Je kunt de vulling, hoekradius en afmetingen van het frame aanpassen, zowel horizontaal als verticaal. Gebruik opties voor formaatwijziging zoals inhoud omarmen om ervoor te zorgen dat het frame krimpt tot de tekst past.

Stap 4: Layoutrichting en tussenruimte aanpassen

Wijzig de layoutrichting (horizontaal, verticaal of omloop). Pas de horizontale afstand tussen elementen aan of voeg opvulling toe om negatieve ruimte rond elementen te creëren.

Stap 5: Responsiviteit van knoppen waarborgen

Knoppen die met Auto layout zijn gemaakt, vergroten of verkleinen automatisch wanneer tekst wordt getypt, wat zorgt voor responsiviteit. Dit is ideaal voor ontwerpen die aanpasbaarheid vereisen.

Stap 6: Elementen stapelen en groeperen

Stapel elementen op elkaar en pas vervolgens Auto layout toe om ze te groeperen. Hiermee kun je georganiseerde, responsieve ontwerpen maken.

Stap 7: Geavanceerde instellingen aanpassen

Pas Auto layout-instellingen aan om het gedrag van lijnen en stapelen binnen het Auto layout-frame te regelen. Wijzig het stapelgedrag zodat objecten indien nodig boven op elkaar kunnen worden geplaatst.

Auto layout vereenvoudigt het proces van het maken van knoppen en andere responsieve ontwerpen, waardoor ze zich naadloos aanpassen aan inhouds- en lay-outwijzigingen.