Views personalizzate con ShapeDrawable

In quest'articolo illustreremo come personalizzare le Views di Android attraverso il metodo ShapeDrawable. Possiamo utilizzare questo metodo per ottenere forme complesse da utilizzare come background alle nostre TextView, Button, Layout ed altro. Uno shapedrawable è un file XML che permette di modificare la forma, i bordi, il colore ed il gradiente di una View.

Nello specifico uno shape.xml è un insieme di proprietà che modellano una View: 

  • corners, definisce angoli smussati
  • gradient, definisce lo sfondo
  • padding, definisce la spaziatura
  • solid, definisce il colore
  • strocke, definisce il bordo

Un esempio di file shape.xml è il seguente:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <corners android:radius="4dp" />
    <stroke android:width="4dp" android:color="#CCFFFF" /> 
    <gradient
        android:startColor="#0078a5" 
        android:endColor="#CCFFFF" 
        android:gradientRadius="250"
        android:type="radial"
        />
    <padding android:left="30dp" android:top="30dp" 
             android:right="30dp" android:bottom="30dp" /> 
</shape>

 questo file, name.xml (name scelto da te!), sarà salvato in una cartella res/drawable/name.xml ed usato come segue:

<TextView
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:background="@drawable/name"
   android:textColor="#ffffff"
   android:text="@string/hello_world" />

 

 

Ben tornato