2015-01-08 12 views
19

Seguendo color UI application di Material design voglio utilizzare un divisore per il tema bianco. Guida told me tale divisore ha il 12% di colore bianco, ma come posso definire il 12% del divisore di colore bianco nel file di layout xml?Divisore colore materiale Android

enter image description here

+0

mi sembra che si riferiscano al canale alfa. Quindi l'esagono del colore del divisore è # 1FFFFFFF – Blackbelt

+0

@Blackbelt Sì! Hai ragione. Ti affretti a cancellare la tua risposta. Ricreare - lo accetterò. –

+0

L'ho eliminato. Grazie – Blackbelt

risposta

21

12% si riferisce al canale alfa. L'alpa max è 255 e il 12% di 255 è 31. L'esadecimale di 31 è 1F. Così il colore è #1FFFFFFF

+12

'# 1fffffff' è% 12 bianco, per i temi scuri. # 1f000000 è% 12 nero, per temi chiari. –

+0

Come si può scegliere il secondo 'FFF' o' 000' in base al tema attivo corrente? Ad es. se Light Theme è attivo, mostra il 12% di nero e se Dark Theme è attivo, mostra il 12% di bianco. Questo può essere fatto tramite XML? Cambiando il tema Chiaro in scuro in 'styles.xml', cambia lo sfondo e il colore del testo in base al tema nell'anteprima XML. Come posso implementarlo nel mio XML su un 'View' (da usare come divisorio). – rupinderjeet

0

La sua non è il 12% di bianco, ma il 12% del tuo schema di colori che si sta utilizzando;)

1

È possibile in modo molto semplice definire l'alfa nella definizione di colore del divisore (o qualsiasi altra vista) nel xml:

android:color="#1FFFFFFF"  

Quando si definisce il colore di una vista in Android, il formato può essere #RRGGBB o #AARRGGBB, dove AA è il valore alfa esadecimale. FF sarebbe completamente opaco e 00 sarebbe completamente trasparente.

dinamicamente

Se è necessario modificare dinamicamente l'opacità nel codice, utilizzare

component.getBackground().setAlpha(128); // 50% transparent 

Dove INT varia da 0 (completamente trasparente) e 255 (completamente opaco).

9

è anche possibile utilizzare il colore ufficiale, che è anche used in the Settings app:

<View android:id="@+id/tile_divider" 
     android:layout_width="match_parent" 
     android:layout_height="1dp" 
     android:background="?android:attr/dividerVertical" /> 

L'importante linea è:

android:background="?android:attr/dividerVertical" 
Problemi correlati