<ListView xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n android:id=\"@+id\/listview\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"match_parent\"\/><\/pre>\ne\u00a0collochiamo\u00a0il widget della libreria in un altro layout che modella la singola riga:<\/p>\n
<RelativeLayout \r\n xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n android:orientation=\"horizontal\" \r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"match_parent\"\r\n android:padding=\"16dp\">\r\n\r\n <com.github.ivbaranov.mli.MaterialLetterIcon\r\n android:layout_width=\"48dp\"\r\n android:layout_height=\"48dp\"\r\n android:layout_centerVertical=\"true\"\r\n android:id=\"@+id\/icon\"\r\n android:layout_marginRight=\"16dp\"\/>\r\n\r\n <TextView android:id=\"@+id\/contact\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_centerVertical=\"true\"\r\n android:layout_toRightOf=\"@id\/icon\"\r\n android:textSize=\"20sp\"\/>\r\n\r\n<\/RelativeLayout><\/pre>\nIl codice Java dell’onCreate<\/em> modeller\u00e0 l’interfaccia inserendo dati in un ArrayAdapter<\/em> collegato alla ListView<\/em> e valorizzando la MaterialLetterIcon\u00a0con la prima lettera della stringa:<\/p>\n@Override\r\n protected void onCreate(Bundle savedInstanceState) {\r\n super.onCreate(savedInstanceState);\r\n setContentView(R.layout.activity_main);\r\n ListView l= (ListView) findViewById(R.id.listview);\r\n ArrayAdapter<String> adapter=\r\n new ArrayAdapter<String>(this, R.layout.row_layout, R.id.contact, new ArrayList<String>())\r\n {\r\n int[] colors=\r\n new int[]{\r\n R.color.green,\r\n R.color.orange,\r\n R.color.indigo\r\n };\r\n @NonNull\r\n @Override\r\n public View getView(int position, View convertView, ViewGroup parent) {\r\n View v=super.getView(position, convertView, parent);\r\n MaterialLetterIcon letterIcon= \r\n (MaterialLetterIcon) v.findViewById(R.id.icon);\r\n String contact=getItem(position);\r\n letterIcon.setLetter(contact.substring(0,1));\r\n letterIcon.setShapeColor(ContextCompat.getColor(MainActivity.this, colors[position%colors.length]));\r\n return v;\r\n }\r\n };\r\n\r\n l.setAdapter(adapter);\r\n\r\n adapter.add(\"Rossi Gianluca\");\r\n adapter.add(\"Bianchi Enrico\");\r\n adapter.add(\"Verdi Luciana\");\r\n adapter.add(\"Rossi Anna\");\r\n adapter.add(\"Neri Gianluca\");\r\n adapter.add(\"Gialli Silvia\");\r\n adapter.add(\"Verdi Simone\");\r\n }<\/pre>\n <\/p>\n
Per quanto riguarda i colori, abbiamo creato alcune risorse e, a giro, ne viene usato uno per colorare lo sfondo dell’icona: ovviamente, si possono scegliere politiche pi\u00f9 fantasiose.<\/p>\n
Le icone possono essere utilizzate anche esclusivamente con codice Java come\u00a0si vede nell’esempio fornito nell’hompage del progetto:<\/p>\n
MaterialLetterIcon icon = new MaterialLetterIcon.Builder(context) \/\/\r\n .shapeColor(getResources().getColor(R.color.circle_color))\r\n .setShapeType(SHAPE.CIRCLE)\r\n .letter(\"S\")\r\n .letterColor(getResources().getColor(R.color.letter_color))\r\n .letterSize(26)\r\n .lettersNumber(1)\r\n .letterTypeface(yourTypeface)\r\n .initials(false)\r\n .initialsNumber(2)\r\n .create();<\/pre>\nSi possono inoltre personalizzare\u00a0in ogni aspetto – dai colori, al numero di lettere mostrate\u00a0fino alla forma dell’icona stessa – seguendo le istruzioni fornite dallo sviluppatore: ogni caratteristica sar\u00e0 assegnabile con un proprio metodo setter<\/em>.<\/p>\nProvate questa libreria e diteci cosa ne pensate.\u00a0Alla prossima!<\/p>\n","protected":false},"excerpt":{"rendered":"
Quando si mostrano dati in una ListView o RecyclerView, \u00e8 attualmente di uso comune accompagnare ognuna di…<\/p>\n","protected":false},"author":561,"featured_media":13213,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1682],"tags":[1278,1532,2001],"class_list":["post-12655","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-android","tag-android","tag-librerie-android","tag-materiallettericon"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/12655","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=12655"}],"version-history":[{"count":6,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/12655\/revisions"}],"predecessor-version":[{"id":13214,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/12655\/revisions\/13214"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media\/13213"}],"wp:attachment":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media?parent=12655"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/categories?post=12655"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/tags?post=12655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2016\/12\/android-material-design-letter-icon-184x300.jpg\"){kind=icon}
<\/a><\/p>\n