{"id":11867,"date":"2016-06-27T09:42:59","date_gmt":"2016-06-27T07:42:59","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=11867"},"modified":"2016-06-27T09:42:59","modified_gmt":"2016-06-27T07:42:59","slug":"creare-menu-basati-su-floating-action-button-nelle-applicazioni-android","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/creare-menu-basati-su-floating-action-button-nelle-applicazioni-android\/","title":{"rendered":"Creare menu basati su Floating Action Button nelle applicazioni Android"},"content":{"rendered":"<p>Da quando il <strong>Material Design<\/strong> si \u00e8 affermato nel mondo Android, una delle presenze pi\u00f9 frequenti nelle app \u00e8 il <a href=\"https:\/\/material.google.com\/components\/buttons-floating-action-button.html#\" target=\"_blank\"><strong>Floating Action Button<\/strong><\/a>, spesso chiamato FAB.\u00a0Parliamo di un pulsante, colorato, che fluttua tipicamente in basso a destra nel layout, anche se pu\u00f2 essere collocato altrove.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11883 size-full\" src=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2016\/03\/android-floating-action-menu_img_01.jpg\" alt=\"Android floating action menu\" width=\"271\" height=\"136\" \/><\/p>\n<p>In realt\u00e0, al di l\u00e0 dell&#8217;aspetto innovativo e della rilevanza che assume nell&#8217;interfaccia utente non \u00e8 molto diverso dai normali pulsanti\u00a0tanto che la sua\u00a0azione viene\u00a0gestita mediante un comune <em>listener<\/em>.\u00a0Data per\u00f2 la duttilit\u00e0 delle classi messe a disposizione da Android se ne sono diffuse in Rete versioni particolari e personalizzabili da usare anche sotto forma di menu.<\/p>\n<p>Un esempio \u00e8 una <a href=\"https:\/\/github.com\/Clans\/FloatingActionButton\" target=\"_blank\">libreria<\/a>, disponibile su GitHub che presentiamo in questo post.\u00a0Permette di dare vita a menu animati ed altamente personalizzabili che prendono vita da un FAB:<\/p>\n<p><a href=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2016\/03\/android-floating-action-menu_img_02.jpg\" rel=\"attachment wp-att-11884\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11884\" src=\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2016\/03\/android-floating-action-menu_img_02.jpg\" alt=\"android-floating-action-menu_img_02\" width=\"237\" height=\"395\" srcset=\"https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2016\/03\/android-floating-action-menu_img_02.jpg 237w, https:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2016\/03\/android-floating-action-menu_img_02-180x300.jpg 180w\" sizes=\"auto, (max-width: 237px) 100vw, 237px\" \/><\/a><\/p>\n<p>La si integra tramite Gradle apponendo tra le dipendenze una direttiva di compilazione come la seguente:<\/p>\n<pre class=\"lang:sh decode:true \">dependencies {\r\n    compile 'com.github.clans:fab:1.6.2'\r\n}<\/pre>\n<p>Fatto ci\u00f2 lo si potr\u00e0 integrare all&#8217;interno dei layout XML come lo stralcio seguente di codice mostrato sul sito del progetto:<\/p>\n<pre class=\"lang:xhtml decode:true \">&lt;com.github.clans.fab.FloatingActionButton\r\n        android:id=\"@+id\/fab\"\r\n        android:layout_width=\"wrap_content\"\r\n        android:layout_height=\"wrap_content\"\r\n        android:layout_gravity=\"bottom|right\"\r\n        android:layout_marginBottom=\"8dp\"\r\n        android:layout_marginRight=\"8dp\"\r\n        android:src=\"@drawable\/ic_menu\"\r\n        fab:fab_colorNormal=\"@color\/app_primary\"\r\n        fab:fab_colorPressed=\"@color\/app_primary_pressed\"\r\n        fab:fab_colorRipple=\"@color\/app_ripple\"\/&gt;<\/pre>\n<p>Non solo questa libreria pu\u00f2 risultare utile nelle nostre applicazioni ma \u00e8 un&#8217;ennesima\u00a0dimostrazione di come la flessibilit\u00e0 che appartiene al Material Design dia\u00a0sempre pi\u00f9 spazio alla fantasia degli sviluppatori.<\/p>\n<p>Alla prossima!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Da quando il Material Design si \u00e8 affermato nel mondo Android, una delle presenze pi\u00f9 frequenti nelle&#8230;<\/p>\n","protected":false},"author":561,"featured_media":12175,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[1562,1702,1701,642,1703],"class_list":["post-11867","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-tricks","tag-creare-app-android","tag-floating-action-button-android","tag-material-design","tag-sviluppatori-android","tag-sviluppo-app-android"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/11867","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\/561"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/comments?post=11867"}],"version-history":[{"count":7,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/11867\/revisions"}],"predecessor-version":[{"id":12176,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/11867\/revisions\/12176"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media\/12175"}],"wp:attachment":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media?parent=11867"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/categories?post=11867"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/tags?post=11867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}