{"id":12647,"date":"2017-07-24T16:49:00","date_gmt":"2017-07-24T14:49:00","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=12647"},"modified":"2017-07-24T16:51:45","modified_gmt":"2017-07-24T14:51:45","slug":"android-usare-vectordrawable-nelle-proprie-app","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/android-usare-vectordrawable-nelle-proprie-app\/","title":{"rendered":"Android: usare VectorDrawable nelle proprie app"},"content":{"rendered":"

La classe VectorDrawable<\/strong>, introdotta nelle API 21, permette di introdurre immagini basate su grafica vettoriale nelle proprie app Android. Queste risultano di uno stile essenziale, in linea con i canoni estetici del Material Design e proprio per questo nelle app attuali se ne fa un grande uso.<\/p>\n

Ve ne sono molte disponibili nel SDK Android, gi\u00e0 pronte per essere utilizzate nei nostri progetti: vediamo come importarle.<\/p>\n

Innanzitutto, per poterle avere a disposizione anche nelle versioni pi\u00f9 datate di Android, si deve integrare la seguente direttiva nel file build.gradle<\/strong> relativo al nostro modulo applicativo (occorre un plugin Gradle di versione 2 o successiva):<\/p>\n

android {\r\n    ...\r\n    defaultConfig {\r\n      ...\r\n      vectorDrawables.useSupportLibrary = true\r\n    }\r\n    \r\n}<\/pre>\n
Facciamo click con il pulsante destro del mouse all’interno del progetto\u00a0e seguiamo\u00a0le voci di menu New > “Vector Asset”<\/em><\/p>\n
\"\"<\/a><\/p>\n
Si apre una finestra di \u00a0dialogo dalla quale \u00e8 possibile configurare l’icona selezionata attualmente (di default, quella che raffigura la sagoma del logo di Android):\"\"<\/a><\/p>\n
oppure se ne pu\u00f2 scegliere\u00a0un’altra in un ricco catalogo di alternative suddiviso in categorie:<\/p>\n
\"\"<\/a><\/p>\n
Le risorse cos\u00ec ottenute figureranno tra quelle a disposizione del nostro progetto e potremo inserirle nei layout come i pulsanti in stile borderless<\/em> che vediamo qui di seguito:<\/p>\n
 <ImageButton\r\n        android:layout_width=\"wrap_content\"\r\n        android:layout_height=\"wrap_content\"\r\n        android:layout_marginRight=\"16dp\"\r\n        app:srcCompat=\"@drawable\/ic_local_cafe_black_24dp\"\r\n        style=\"?android:attr\/borderlessButtonStyle\"\r\n        android:tint=\"#CCDDCC\" \/>\r\n    <ImageButton\r\n        android:layout_width=\"wrap_content\"\r\n        android:layout_height=\"wrap_content\"\r\n        android:layout_marginRight=\"16dp\"\r\n        app:srcCompat=\"@drawable\/ic_save_black_24dp\"\r\n        style=\"?android:attr\/borderlessButtonStyle\"\r\n        android:tint=\"#CCCC00\"\/>\r\n    <ImageButton\r\n        android:layout_width=\"wrap_content\"\r\n        android:layout_height=\"wrap_content\"\r\n        android:layout_marginRight=\"16dp\"\r\n        app:srcCompat=\"@drawable\/ic_signal_wifi_4_bar_black_24dp\"\r\n        style=\"?android:attr\/borderlessButtonStyle\"\r\n        android:tint=\"#00FF00\"\/><\/pre>\n
Questo sar\u00e0 come appariranno nell’interfaccia utente:\"\"<\/a><\/p>\n
Questo genere di icone, si abbina molto meglio con lo stile attuale promosso da Android \u00a0e fornisce, oltre tutto, un ottimo apporto comunicativo visto che richiama alla mente dell’utente simbologie cui egli \u00e8 gi\u00e0 abituato.<\/p>\n
E voi che aspetto date ai vostri pulsanti? Usate questo tipo di icone? Commentate e fateci sapere!<\/p>\n","protected":false},"excerpt":{"rendered":"
La classe VectorDrawable, introdotta nelle API 21, permette di introdurre immagini basate su grafica vettoriale nelle proprie…<\/p>\n","protected":false},"author":561,"featured_media":13168,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1682,481],"tags":[1278,1569,74,1817,1984],"class_list":["post-12647","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-android","category-risorse-utili","tag-android","tag-design-user-interface-android","tag-icon","tag-vector-graphics","tag-vectordrawable"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/12647","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=12647"}],"version-history":[{"count":3,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/12647\/revisions"}],"predecessor-version":[{"id":12654,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/12647\/revisions\/12654"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media\/13168"}],"wp:attachment":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media?parent=12647"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/categories?post=12647"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/tags?post=12647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}