{"id":12573,"date":"2017-06-07T13:30:10","date_gmt":"2017-06-07T11:30:10","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=12573"},"modified":"2017-06-07T13:30:39","modified_gmt":"2017-06-07T11:30:39","slug":"android-effetto-ripple-sui-controlli-delle-nostre-app","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/android-effetto-ripple-sui-controlli-delle-nostre-app\/","title":{"rendered":"Android: effetto Ripple sui controlli delle nostre app"},"content":{"rendered":"<p>Dall&#8217;introduzione del <a href=\"https:\/\/material.google.com\/#\" target=\"_blank\" rel=\"noopener noreferrer\">Material Design<\/a>, le interfacce Android si sono arricchite di animazioni, colori ed effetti. Uno di questi \u00e8 il cosiddetto <strong>Ripple<\/strong>, una sorta di leggera onda che si espande a partire dal punto in cui effettuiamo il touch per scomparire nell&#8217;arco di un secondo.<\/p>\n<p>Alla base di ci\u00f2, c&#8217;\u00e8 la classe <a href=\"https:\/\/developer.android.com\/reference\/android\/graphics\/drawable\/RippleDrawable.html\" target=\"_blank\" rel=\"noopener noreferrer\">RippleDrawable<\/a> utilizzabile mediante\u00a0tag XML ma solo a partire dalle API 21.<\/p>\n<p>Per configurarlo a nostro piacimento, possiamo definire una risorsa <em>drawable<\/em> nel progetto (supponiamo, nel nostro esempio, sia \/res\/drawable\/ripple.xml):<\/p>\n<pre class=\"\">&lt;ripple xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n        android:color=\"#ffff0000\"&gt;\r\n    &lt;item android:id=\"@android:id\/mask\"\r\n            android:drawable=\"@android:color\/white\" \/&gt;\r\n&lt;\/ripple&gt;<\/pre>\n<p>e assegnarla, come sfondo, al controllo su cui desideriamo\u00a0vederla apparire:<\/p>\n<pre class=\"lang:xhtml decode:true \">&lt;Button\r\n   android:layout_width=\"match_parent\"\r\n   android:layout_height=\"wrap_content\"\r\n   android:background=\"@drawable\/ripple\"\r\n   android:text=\"Clicca qui!\"\r\n  \/&gt;<\/pre>\n<p>Questo \u00e8 un altro esempio di come la\u00a0le interfacce Android siano ormai alla ricerca non solo di funzionalit\u00e0 ed efficienza ma anche di una eleganza che non faccia rimpiangere \u00a0nelle interfacce mobile la ricchezza del web.<\/p>\n<p>Alla prossima!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dall&#8217;introduzione del Material Design, le interfacce Android si sono arricchite di animazioni, colori ed effetti. Uno di&#8230;<\/p>\n","protected":false},"author":561,"featured_media":12956,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1682,70,105],"tags":[1278,1701,1564,1970,474],"class_list":["post-12573","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-android","category-grafica-e-design","category-tips-tricks","tag-android","tag-material-design","tag-mobile","tag-tips-android","tag-user-interface"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/12573","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=12573"}],"version-history":[{"count":6,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/12573\/revisions"}],"predecessor-version":[{"id":13091,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/12573\/revisions\/13091"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media\/12956"}],"wp:attachment":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media?parent=12573"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/categories?post=12573"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/tags?post=12573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}