01. 03. sz
A legújabb Atomic.io frissítés tartalmazza a gördíthető konténereket
Néhány hónappal ezelőtt megmutattam, hogy az atomic.io felhasználható a prototípus mozgására . Az egyik legfontosabb pont, amit a darabban tettem, "mozgást mutat", nem pedig az ügyfél vagy csapat képzeletének elhagyása. Valójában ez olyan kritikus fontosságúvá vált, hogy az UX / UI eszközök egy teljesen új kategóriája megjelenik a helyszínen. Ezek közé tartozik az Apple Keynote, az Adobe Edge Animate, az After Effects és az UXPin , hogy csak néhányat említsünk. A blokkban lévő új gyerek az Atomic.io, amely nyílt béta, amikor először írtam a termékről.
A nyílt beták ügyes dologja, hogy lehetőséget adnak a szoftvergyártónak arra, hogy felhasználói visszajelzést gyűjtsön a funkciókészletről, beleértve a hiányzó funkciókat is, majd hozzáadja azokat az alkalmazáshoz, és tesztelje őket a kereskedelmi kiadás előtt. Az atomi esetében egy olyan funkció, amelyet nagyon hiányoztam, az volt, hogy vertikálisan vagy vízszintesen mozgathatja a tartalmat. Ez magában foglalhat olyan dolgokat, mint a kártyák, a diavetítések vagy gyakorlatilag bármi, amit a felhasználó elhúzna vagy húzni egy alkalmazás vagy webhely felületén belül.
Ezt sok mindenképpen megkérdezték volna, mert a gördíthető konténerek az alkalmazásban ebben a hónapban kerültek bemutatásra, és el kell ismernem, hogy a prototípus gördíthető tartalma egyszerűen lehetővé tette.
Itt van, hogyan…
02. 03. sz
Hogyan készítsünk függőleges görgető tartalmat az Atomicban?
Először fel kell iratkoznia egy ingyenes 30 napos próbaidőszakra, és ezen időszak végén három díjszabási tervet mutat be.
Az első dolog, amit tudnia kell, hogy minden munkája a böngészőben fog működni, és az alkalmazás szigorúan a Google Chrome-ra vonatkozik. A bejelentkezés után a Projektek oldalra kerül. Az alkalmazás megnyitásához kattintson az Új projekt gombra .
Amikor megjelenik a felület, láthatjuk, hogy korlátozott számú eszköz van, képes oldalakat és rétegeket adni az oldalakhoz, a rajztáblához és a jobb oldalon egy kontextusérzékeny tulajdonságpanelhez.
Ebben a példában elkezdtem egy iPhone 5-as előre beállított 320 x 568-as felbontással. Ezután kinyitom a görgetni kívánt képeket tartalmazó mappát, és húzom őket a vászonra. Automatikusan hozzá lettek adva a projekthez, és láthatja, hogy az egyes rétegeken vannak, ha rákattint a Rétegek fülre . Ezután kiválasztam a nyíl eszközt (Kiválasztás), kiválasztottam egy képet, és új helyre húztam, hogy egy kis helyet adjak közöttük. Ezután kiválasztottam az összes képet, és rákattintottam a Felosztás függőleges gombra az eszköztáron. Ez egyenletesen elosztotta a képeket.
A következő lépés az összes görgethető tartalom kiválasztása, vagy kattintson a Konténer gombra, vagy válassza a Csoport görgető konténer létrehozása lehetőséget a Csoport gombra . Miután létrehozta a tartályt - látja a Rétegek panelen - kattintson a tartályra, és húzza az alsó fogantyút felfelé a vászon aljára . Kattintson az Előnézet gombra a Tulajdonságok panel alján, és ezzel elindít egy böngészőablakot. A tartalom görgetéséhez használja az egér görgőjét. A projekthez való visszatéréshez kattintson a böngészőablak jobb alsó sarkában található Szerkesztés gombra .
03. 03. sz
Hogyan készítsünk vízszintes görgető tartalmat az Atomicban?
A vízszintes görgetés ugyanolyan könnyű elérni.
Ebben az esetben egy sor képet húztak a vászonra, és egymás ellen irányították őket. A kijelölt képek segítségével kattints a Felső Align gombra annak érdekében, hogy mindegyik egymáshoz igazodjon.
A Shift billentyűt lenyomva tartottam, és minden réteget kiválasztottam a Rétegek panelen. A kiválasztott képekkel a Container gombra kattintottam , és a Properties (Tulajdonságok) panelen Horizontally ( Horizontális ) a Behaviors (Magatartás) területen.
Ezután a böngésző ablakában teszteltem a projektet az Előnézet gombra kattintva.
Bár bemutattam, hogyan lehet egyéni függőleges és vízszintes görgetést készíteni, mindaddig, amíg a tartogatható tartalmat felhelyezi, ezeket a tárolókat a képernyő külön részeiben is elhelyezheti. Például egy weboldal vertikálisan gördíthet tartalmat az oldalsó menüben és vízszintesen gördítheti a tartalom egy diavetítésen ugyanazon az oldalon. Valójában egy konténer lehet függőleges és vízszintes görgetés olyan elemekhez, mint például egy képrész miniatűr képkiválasztó.
Ha többet szeretne megtudni erről a funkcióról az atomic.io programban, nézze meg:
- A blog bejelentése
- Gördülő tartály bemutatója
- Maszkolás a konténerek használatával
- Gördülő tartályok hibaelhárítása