Passa ai contenuti principali

Android Studio - styles file

In questo articolo vedremo come creare un file dove possono essere specificati gli stili della propria applicazione, cioè l'insieme dei colori delle varie parti che compongono l'app.
Questo file si chiama styles.xml all'interno della cartella values all'interno della cartella res
  1. Aprire la cartella res
  2. Aprire la cartella values
All'interno della cartella values è contenuto un file che si chiama styles.xml La riga 4 è importante perchè definisce l'aspetto principale che dovrà avere la nostra applicazione; per inserire lo stile (style) occorre usare il tag <style> specificandone il nome e il contenuto in questo modo: In questo caso viene specificato il nome con AppTheme e il contenuto (parent) Theme.AppCompat.Light.DarkActionBar; non avendo specificato nulla al suo interno, il risultato sarebbe il seguente
Modificando i vari elementi che compongono lo sile è possibile personalizzare il tema base Theme.AppCompat.Light.DarkActionBar come si può vedere dalla riga 6 alla riga 8 Per modificare i vari elementi del tema occorre utilizzare il tag <item> specificandone il nome e il contenuto in questo modo: Mentre si inizia a scrivere <item name=" Android Studio proporra una serie di elementi dello stile che è possibile modificare, quindi basta selezionarne uno ed impostare il valore che si vuole dare a quel specifico elemento. E' possibile impostare colori, dimensioni del testo, delle View, ecc..
Ecco il risultato avendo modificato alcuni elementi del tema base


Download Project
Download file APK


STYLES IN BASE A VERSIONE ANDROID
Nelle varie versioni di Android sono state introdotte nuove funzionalità a livello grafico e quindi se si vuole rendere la propria app in linea con la nuova grafica è opportuno creare questo file in modo da includere queste novità nella propria app se viene installata su un dispositivo con quella specifica versione di Android.

Come tutti i file xml anche per il file styles.xml è possibile crearne altri in base alla versione di Android o versione API; per fare questo occorre procedere in questo modo:
  1. Aprire il proprio progetto
  2. Aprire la cartella res
  3. Cliccare con il tasto destro sulla cartella values
  1. Cliccare New
  2. Cliccare su Value Resource File
  3. Inserire styles all'interno del campo File name come nome del file
  4. Selezionare Version dalla lista Available qualifiers
Quindi premere i pulsante con le doppie frecce verso destra
inserire nel campo Platform API level: il valore 21 se volgiamo applicare lo stile dalla versione API 21 in poi.
E' possibile inserire qualsiasi numero di versione ovviamente deve essere successiva a quella impostata in minSdkVersion.

Ecco un esempio di quello che si può inserire all'interno del nuovo file xml. Questo non sostituisce il file styles.xml originale ma semplicemente aggiunge le varie righe di codice se l'app viene eseguita su un dispositivo API 21 o successivo.

Commenti

Post popolari in questo blog

Android Studio - Impostare lingua app

In questo articolo vedremo come poter selezionare la lingua all'interno della nostra app. Nel precedente articolo in cui si parlava del file string.xml , la lingua dell'app veniva selezionata automaticamente in base alle impostazioni del dispositivo, mentre qui vedremo come poter selezionare a proprio piacimento la lingua che dovrà avere la nostra app indipendentemente dall'impostazione del dispositivo. Per prima cosa creare il layout Ecco un esempio do come può essere il file activity_main.xml Ora creare le stringhe di testo all'interno del file string.xml Ora creare la traduzione del file string.xml nelle varie lingua come descritto in questo articolo Il risultato sarà una serie di file string.xml delle varie lingue impostate. Ora queste di seguito sono tre funzioni che servono per: selezione della lingua salvataggio della selezione nelle preferenze dell'app caricamento della lingua quando si avvia l'app Ecco come si presenta il file Main

Arduino - Lettura tensione potenziometro e display LCD

Leggere il valore di un poteziometro (parte 2) Oggi vedremo come leggere il valore in tensione di un potenziometro collegato al pin Analogico A0 di Arduino.

Android Studio - Impostare uno sfondo sfumato

In Android Studio è possibile creare uno sfondo sfumato senza dover creare una immagine apposta per questo scopo. Per fare questo occorre seguire questi semplici passaggi: Aprire la cartella res Cliccare con il tasto destro sulla cartella drawable Selezionare New Selezionare Drawable resource file Dare un nome al file ad esempio gradient_background Cliccare sul pulsante OK per confermare Una volta aperto il file gradient_background.xml inserire le seguenti righe di codice: Alla riga 6 inserire l'angolo che definisce la direzione della sfumatura (valori da 0 a 360) Alla riga 7 inserire il colore di partenza in formato esadecimale Alla riga 8 inserire il colore finale in formato esadecimale Per quanto riguarda i colori è possibile utilizzare il sito webgradients.com in modo da poter utilizzare le sfumature proposte o creare le proprie sfumature personalizzate. Una volta creato il file che definisce lo sfondo passare al layout ed impostare l'attibuto backgr