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ó.

Pin It on Pinterest

Share This

Az oldal további használata esetén beleegyezik a cookie használati szabályzatunkba. Az így nyert adatokat az Ön azonosítására nem, kizárólag szolgáltatásaink javítására használjuk fel. további információk

A süti beállítások ennél a honlapnál engedélyezett a legjobb felhasználói élmény érdekében. Amennyiben a beállítás változtatása nélkül kerül sor a honlap használatára, vagy az "Elfogadás" gombra történik kattintás, azzal a felhasználó elfogadja a sütik használatát.

Bezárás