A heti kihívásban említettem, hogy leírom, hogyan is lehet külön rétegen lévő objektumokat szabályosan elrendezni.

Példaképp szerkesszünk egy oldalon 4 képet szépen egymás mellé. Készítünk egy keretet, majd ezt duplikáljuk négyszer. (vagy ahogy tetszik) Szándékosan össze-vissza igazítottam, hogy látszódjon a különbség.

Kijelöljük mind a négy réteget, és a mozgató réteg legyen aktív. Ekkor a felső sorban megjelennek a rétegek igazításának kezelői.

Top Edges (Felső szegélyek) Az összes réteget a  legfelső képponthoz igazítja.

Vertical Centers (Függőleges középvonalak) itt a függőleges középső képponthoz igazít (visszaléptem a szétszórt állapothoz, mert egyébként nem történt volna semmi)

Bottom Edges (Alsó szegélyek) Értelemszerűen itt meg a rétegek legalsó pontjához igazít.

Left Edges (Bal szegélyek) A kijelölt rétegek baloldali képpontját igazítja

Horizontal Centers (Vízszintes középvonalak) vízszintes középső képponthoz igazít

Right Edges (Jobb szegélyek)  a jobb oldali képpontokat igazítja össze.

A következő csoport az egyenletes elosztásról szól.

Top Edges (Felső szegélyek) Egyenletesen osztja el a rétegeket a legfelső képponttól kezdve.

Vertical Centers (Függőleges középvonalak)  Ez meg a  vízszintes középvonalától kezdve.

Bottom Edges (Alsó szegélyek) A legalsó képponttól kezdi az elosztást.

Fenti esetben itt semmi különbség nem lesz, hiszen teljesen egyformák a rétegek.

A vízszintes elosztás a következő csoport.

Left Edges (Bal szegélyek)  
Vízszintes elosztás a bal szélső képponttól kezdve.

Horizontal Centers (Vízszintes középvonalak)  
A vízszintes középvonalától kezdve.

Right Edges (Jobb szegélyek)
Elosztás a jobb szélső képpontoktól kezdve.

A rétegeket csoportokba helyezhetjük. Készítettem 5 képhez való sablont. A másolástól ezek teljesen egymáson vannak, ezért az egyiket elhúztam a másik oldal szélére.

Két gombnyomás, először az igazítás a felső szegélyhez, majd az elosztás, és már tökéletesen rendezettek a sablonok.

Mint látod a képen, ezek a rétegen egy Group-ban, Csoportban vannak, így most ebből a csoportból készítettem még 3 másolatot, úgy, hogy az egérrel megfogva, ráhúztam a szemetes melletti új réteg ikonra. Az egyik csoportot megint lehúztam, és ismét csak két kattintás a rendezés. Először a bal sarkához igazítottam, majd függőleges elosztással rendeztem.

Már csak egy feladat van hátra, ha azt szeretnénk, hogy ez az egész a háttér közepén helyezkedjen el. Itt van egy pont, amit nem nagyon értek, de töröm rajta a fejem. 🙂 Szóval, ha az összes csoportot és a hátteret is kijelölöm, és így a háttérhez akarom rendezni, akkor a horizontal center-hez igazítás tökéletes, a vertical-nál meg összeugrik az egész egy sorba. Amíg rájövök  a dolog logikájára, az a megoldás, hogy ebből a négy csoportból csináltam egy új csoportot, és így már minden rendben működött.

Sokképes oldalnál szerintem ez egy nagyon hasznos funkció.