01 vum 03
Déi lescht Atomic.io Update Enthält Scrollable Container
E puer Méint zeréck sinn ech iwwerzeegt, wéi atomic.io fir Prototyp Bewegung benotzt kënne ginn . Ee vun de Schlësselpunkten, déi ech am Stéck gemaach huet, war "Beweegung" ze weisen anstatt datt et de Clienten oder d'Teame Phantasie verlooss gëtt ass wichteg. Tatsächlech ass dat esou kritesch, datt eng ganz nei Kategorie vun UX / UI-Tools op der Szene steet. Si gehéieren - Apple Keynote, Adobe's Edge Animatioun, After Effects a UXPin , fir e puer ze nennen. Dee neie Kand op der Block ass Atomic.io déi an der Beta gefrot gouf, wéi ech éischt iwwer dat Produkt geschriwwen huet.
D'ordinäre Sache vu open betas ass dem Softwarehersteller d'Méiglechkeet fir de Benotzer Feedback iwwert de Feature-Set ze sammelen, ueweide Fehlinstrumenten, a fanne se un d'Applikatioun hinzuofzehuelen a se virun der kommerzieller Verëffentlechung getest. Am Fall vun Atomm, eng Feature, déi ech wierklech vermeide war, war d'Fäegkeet, d'Inhalter vertikal oder horizontal ze rullen. Dëst kënnen d'Saache wéi Kaarte, Diaporaten oder praktesch alles wat de Benotzer wäschen oder zitt an d'Grenzgebitt vun enger App oder enger Websäit verbreet.
Dëst muss e Sujet gewiesselt hunn vill Benotzer déi gefrot ginn, well scrollbar Container goufen direkt an der App an dësem Mount agefouert an ech muss uvertrauen, woubäi scrollbar Inhalter am Prototyp ass einfach einfach ze aktivéieren.
Hei ass wéi ...
02 vum 03
Wéi Dir Vertikal Scrollen Inhalt am Atomic mécht
Dir musst fir Iech éischt e Gratis 30-Deeg-Prozess ze maachen an am Ende vun Ärer Periode ginn Dir mat dräi Präis Pläne presentéiert.
Dat éischt wat Dir braucht fir ze wëssen ass all d'Aarbecht déi Dir maacht, ass am Browser an d'App gëtt strikt op Google Chrome. Sidd Dir Iech umellt, kënnt Dir op d'Säit Projects huelen . Fir d'Erëffnung opmaachen, klickt op déi nei Knäpp vum Projet .
Wann d'Interface kënnt an Dir gesitt eng limitéierter Zuel uwend Instrumenter, d'Fähigkeit fir Säiten a Schichten un d'Säiten, de Artboer a mat der richteger Säit eng context-sensitive Properties Panel ze addéieren.
An dësem Beispill hunn ech ugefaang mat engem iPhone 5 voreck deen ass 320 x 568.I an dann den Ordner opgemaach mat den Biller ze scrollen an zitt op d'Leinwand. Si goufen automatesch an de Projet eranzekommen an Dir kënnt se op eenzel Schichten astellen, wann Dir op de Layer-Dësch klickt . Duerno hunn ech den Arrow-Tool gewielt (Selektioun), e Bild gewielt an en neit Positioun gedréckt, fir e Raum ze ënnen ze setzen. Duerno hunn ech all d'Biller gewielt an klickt op de Knäppchen vertikal op der Toolbar. Dëst stänneg beandrockend d'Biller.
De nächste Schrëtt ass fir all den Inhalt ze scrollen a wielt entweder op den Container Knop oder Auswielen vum Scrollcontainer aus der Grupp Knäppchen Pop op. Wann de Container erstallt gëtt - Dir kënnt et an der Layer-Panel gesinn - klickt op den Container an zitt den ënneschten Griff erop an de Bound vum Canvas . Klickt op d'Previewknäppchen am ënneschten Deel vun der Eegeschafte Panel an dëst fänkt eng Browser-Fënster op. Benutzen d'Maus an de Scrollrad fir de Inhalt ze scrollen. Fir Äert Projet zréckzeginn, klickt op den Edit Knäppchen am ënneschten Recht vun der Browserfenêt.
03 vum 03
Wéi Dir Horizontal Scrolling Inhalt am Atomic mécht
Horizontalen Ausrollen ass esou einfach ze maachen.
An dësem Fall hunn eng Serie vu Biller op der Leinwand gedrängt an hunn sech gegruewen. Mat den ausgewielten Biller wäerte mir dann d'Top Align Knäppchen fir ze garantéieren datt se all opgereegt sinn.
Duerno hunn ech d'Shift-Taste gedréckt an all Layer an der Layer-Panel ausgewielt. Mat den ausgewielten Biller klickt op d'Container-Knäppchen an an de Properties Panel, déi horizontal an de Gebitt vum Behaviors ausgewielt ginn.
Ech hunn de Projet an engem Browserfenster gepréift, andeems Dir op d'Schaltfläche Preview klickt.
Obwuel ech elo gezeechent hunn wéi individuell Versiounen vun Vertikal- a Horizontal Scrollen ze kreéieren, soulaang Dir den scrollbarem Inhalt an engem Container setze kann, kënnt Dir dës Behälter an eenzelnen Gebidder vum Bildschirm hunn. Zum Beispill kann eng Websäit vertikal méi wéi am Inhalt an engem Side Menu a horizontal Scrollen vun Inhalt an enger Diaproduktioun op der selwechter Säit hunn. Tatsächlech kann en Container vertikal a horizontal scrollen fir Elementer wéi e Bild Picker deen eng Dose oder sou Miniaturen hutt.
Fir méi iwwer dës Funktioun am atomic.io ze léieren, kuckt:
- D'Blog Ankündung
- Scrollen Container Tutorial
- Masking iwwer Container
- Problembehälter Scrolling Containers