{"id":4868,"date":"2010-11-02T11:42:23","date_gmt":"2010-11-02T10:42:23","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=4868"},"modified":"2014-02-04T13:27:34","modified_gmt":"2014-02-04T12:27:34","slug":"tips016-creare-un-effetto-di-transizione-tra-uiview-sfogliamo-le-pagine-dei-nostri-documenti","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/tips016-creare-un-effetto-di-transizione-tra-uiview-sfogliamo-le-pagine-dei-nostri-documenti\/","title":{"rendered":"TIPS#016 \u2013 Creare un effetto di transizione tra UIView &#8220;sfogliamo le pagine dei nostri documenti&#8221;"},"content":{"rendered":"<p>Prendendo spunto da un nostro <a href=\"http:\/\/www.devapp.it\/wordpress\/t021-creiamo-un-effetto-di-transizione-tra-uiview.html\" target=\"_blank\">vecchio articolo<\/a>, in cui viene mostrato come applicare un effetto di transizione animato tra UIView (nell&#8217;esempio citato una rotazione della vista con conseguente passaggio ad altra view che appare come se fosse &#8220;dietro&#8221; quella di partenza) volevo segnalare, con questo veloce Tips di programmazione iPhone, come sostituire l&#8217;effetto &#8220;UIViewAnimationTransitionFlipFromRight&#8221; con un altra simpatica animazione che simula lo sfogliare delle pagine di un libro, anzi per essere precisi \u00e8 pi\u00f9 simile al movimento delle pagine di un blocchetto da appunti verso l&#8217;alto o il basso.<\/p>\n<p><center><br \/>\n<a href=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/11\/tips-16-animazione-sfoglia-pagine-01.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/11\/tips-16-animazione-sfoglia-pagine-01.jpg\" alt=\"tips-16-animazione-sfoglia-pagine-01\" title=\"tips-16-animazione-sfoglia-pagine-01\" width=\"500\" height=\"246\" class=\"aligncenter size-full wp-image-4951\" srcset=\"https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/11\/tips-16-animazione-sfoglia-pagine-01.jpg 500w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/11\/tips-16-animazione-sfoglia-pagine-01-300x147.jpg 300w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/11\/tips-16-animazione-sfoglia-pagine-01-150x73.jpg 150w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><br \/>\n<\/center><!--more--><\/p>\n<p>Per ottenere questo useremo: &#8220;UIViewAnimationTransitionCurlUp&#8221; ed il suo rispettivo opposto verso il basso &#8220;UIViewAnimationTransitionCurlDown&#8221;. Questi 2 effetti sono utili, quindi, se applicati ad esempio ad un&#8217;applicazione iPhone o iPad che funge da libro o documento in genere in cui la funzionalit\u00e0 principale sta nello sfogliare le pagine presenti al suo interno. Una piccola miglioria estetica che offrir\u00e0 sicuramente un tocco pi\u00f9 rifinito alla vostra applicazione, sfruttando il potenziale dei mezzi offerti gratuitamente da Apple.<\/p>\n<p>Ma vediamo cosa dobbiamo fare per ottenere ci\u00f2 di cui stiamo parlando. Molto semplice, non dovrete far altro che sostituire nel codice del precedente articolo (linkato sopra) il parametro settato in &#8220;setAnimationTransition&#8221;:<\/p>\n<pre lang=\"objc\" line=\"1\" escaped=\"true\">\r\nUIViewAnimationTransitionFlipFromRight\r\n<\/pre>\n<p>con:<\/p>\n<pre lang=\"objc\" line=\"1\" escaped=\"true\">\r\nUIViewAnimationTransitionCurlUp\r\n<\/pre>\n<p>Per andare avanti di una pagina, oppure con:<\/p>\n<pre lang=\"objc\" line=\"1\" escaped=\"true\">\r\nUIViewAnimationTransitionCurlDown\r\n<\/pre>\n<p>quando invece volete tornare indietro.<\/p>\n<p>Come vedete niente di preoccupante, un Tips semplice e veloce che sicuramente potr\u00e0 tornare utile a molti di voi!<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/10\/tips-16-GiraPagina.zip\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/05\/download_icon.png\" alt=\"\" width=\"33\" height=\"40\" align=\"middle\" \/><\/a> Se avete problemi con il tips, <a href=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/10\/tips-16-GiraPagina.zip\">ecco disponibile un progetto di esempio.<\/a><\/p>\n<p>Ciao<br \/>\nVanni<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Prendendo spunto da un nostro vecchio articolo, in cui viene mostrato come applicare un effetto di transizione&#8230;<\/p>\n","protected":false},"author":489,"featured_media":10898,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[470,211,459,461,460,469],"class_list":["post-4868","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-tricks","tag-effetto-transizione-uiview","tag-ragazzetto","tag-uiviewanimation","tag-uiviewanimationtransitioncurldown","tag-uiviewanimationtransitioncurlup","tag-view-animate"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/4868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/users\/489"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/comments?post=4868"}],"version-history":[{"count":11,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/4868\/revisions"}],"predecessor-version":[{"id":4958,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/4868\/revisions\/4958"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media\/10898"}],"wp:attachment":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media?parent=4868"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/categories?post=4868"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/tags?post=4868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}