Comment faire un fond de 20% transparent sur Android

Comment puis-je rendre le fond d'une Textview environ 20% transparent (complètement transparent), où il y a une couleur en arrière-plan (c'est à dire blanc)?

Faut regarder ce stackoverflow.com/questions/15852122/hex-transparency-in-colors

InformationsquelleAutor Adham | 2012-07-01

979

Faire de la couleur ont 80% dans le canal alpha. Par exemple, pour l'utilisation rouge #CCFF0000:
```
<TextView
   ...
   android:background="#CCFF0000" />
```
Dans l'exemple, CC est le nombre hexadécimal pour 255 * 0.8 = 204. Notez que les deux premiers chiffres hexadécimaux sont pour le canal alpha. Le format est #AARRGGBB, où AA est le canal alpha, RR est le canal rouge, GG est le canal vert et BB est le canal bleu.

Je suis en supposant que 20% transparent signifie 80% opaque. Si vous parliez de l'autre manière, au lieu de CC utilisation 33 qui est de l'hexadécimal pour 255 * 0.2 = 51.

Afin de calculer la valeur correcte pour une valeur de transparence alpha, vous pouvez suivre cette procédure:
1. Donné un pourcentage de transparence, par exemple de 20%, vous savez l'opacité de la valeur en pourcentage est de 80% (ce qui est 100-20=80)
2. La gamme pour le canal alpha 8 bits (2^8=256), ce qui signifie que la gamme va de 0 à 255.
3. Projet opaque pourcentage dans la gamme alpha, qui est, il faut multiplier la gamme (255) par le pourcentage. Dans cet exemple 255 * 0.8 = 204. Arrondir à l'entier le plus proche en cas de besoin.
4. Convertir la valeur obtenue en 3., qui est en base 10, hexadécimale (base 16). Vous pouvez utiliser Google pour ce ou n'importe quelle calculatrice. À l'aide de Google, tapez "204 à hexa" et il vous donnera la valeur hexadécimale. Dans ce cas, il est 0xCC.
5. Ajouter de la valeur obtenue en 4. à la couleur désirée. Par exemple, pour le rouge, qui est FF0000, vous aurez CCFF0000.
Vous pouvez prendre un coup d'oeil à la Android documentation pour les couleurs.

InformationsquelleAutor aromero
1400

Utiliser le code ci-dessous pour le noir:
```
<color name="black">#000000</color>
```
Maintenant, si je veux utiliser l'opacité ensuite, vous pouvez utiliser le code ci-dessous:
```
 <color name="black">#99000000</color> 
```
Et ci-dessous pour l'opacité de code: et tous les niveau d'opacité ici

Hex Valeurs D'Opacité
```
100% — FF
95% — F2
90% — E6
85% — D9
80% — CC
75% — BF
70% — B3
65% — A6
60% — 99
55% — 8C
50% — 80
45% — 73
40% — 66
35% — 59
30% — 4D
25% — 40
20% — 33
15% — 26
10% — 1A
5% — 0D
0% — 00
```
Si vous toujours d'oublier ce code de transparence alors vous devez avoir pour voir le lien ci-dessous et ne vous inquiétez pas à propos de se rappeler quoi que ce soit concernant le code transparent :-

https://github.com/duggu-hcd/TransparentColorCode
```
textviewHeader.setTextColor(Color.parseColor(ColorTransparentUtils.transparentColor10(R.color.border_color)));
```
- Je me retrouve googler cette réponse à obtenir les différentes valeurs alpha. Faut vraiment que j'favori, il...
- en voyant cela, j'ai utilisé #99ffffff et il a bien fonctionné pour moi, merci
- C'est tout simplement génial!. Merci beaucoup!
- Vous avez sauvé ma vie bro.
- j'ai vu ce post au moins 1000 fois encore grâce à l'aide de
InformationsquelleAutor duggu

122

Vous pouvez gérer l'opacité de couleur en changeant les 2 premiers caractères dans la définition de la couleur:

#99000000

100% — FF
99% — FC
98% — FA
97% — F7
96% — F5
95% — F2
94% — F0
93% — ED
92% — EB
91% — E8
90% — E6
89% — E3
88% — E0
87% — DE
86% — DB
85% — D9
84% — D6
83% — D4
82% — D1
81% — CF
80% — CC
79% — C9
78% — C7
77% — C4
76% — C2
75% — BF
74% — BD
73% — BA
72% — B8
71% — B5
70% — B3
69% — B0
68% — AD
67% — AB
66% — A8
65% — A6
64% — A3
63% — A1
62% — 9E
61% — 9C
60% — 99
59% — 96
58% — 94
57% — 91
56% — 8F
55% — 8C
54% — 8A
53% — 87
52% — 85
51% — 82
50% — 80
49% — 7D
48% — 7A
47% — 78
46% — 75
45% — 73
44% — 70
43% — 6E
42% — 6B
41% — 69
40% — 66
39% — 63
38% — 61
37% — 5E
36% — 5C
35% — 59
34% — 57
33% — 54
32% — 52
31% — 4F
30% — 4D
29% — 4A
28% — 47
27% — 45
26% — 42
25% — 40
24% — 3D
23% — 3B
22% — 38
21% — 36
20% — 33
19% — 30
18% — 2E
17% — 2B
16% — 29
15% — 26
14% — 24
13% — 21
12% — 1F
11% — 1C
10% — 1A
9% — 17
8% — 14
7% — 12
6% — 0F
5% — 0D
4% — 0A
3% — 08
2% — 05
1% — 03
0% — 00

Ce que cela ajoute à l'existant réponses?
Je suppose que cette réponse est utile lorsque vous avez besoin de plus de précision, la transparence 87% ou 54%, comme celles mentionnées dans material.google.com/style/color.html#color-color-schemes
Oui, hier, j'ai eu le besoin de gérer de 13% alpha et j'ai décidé d'ajouter mon résultat de la recherche à ce fil.
Que faire si je voulais faire un LinearLayout complète transparent sans couleur?
Toutes les vues sont transparentes par défaut, vous pouvez utiliser par programme mLinearLayout.setBackgroundColor(Color.TRANSPARENTE); ou android:background="@android:couleur/transparent" dans votre xml si vous devez forcer pour certaines raisons (évidemment, cette couleur n'est pas héritée par l'enfant vues)
Merci beaucoup!

InformationsquelleAutor carlol

95

Utiliser une couleur avec une valeur alpha comme #33------, et le définir comme arrière-plan de votre editText à l'aide de l'attribut XML android:background=" ".
1. 0% (transparent) -> #00 hex
2. 20% -> #33
3. 50% -> #80
4. 75% -> #C0
5. 100% (opaque) -> #FF
255 * 0.2 = 51 → dans l'hex 33

InformationsquelleAutor K_Anas
80

Vous pouvez essayer de faire quelque chose comme:
```
textView.getBackground().setAlpha(51);
```
Ici, vous pouvez définir l'opacité entre 0 (complètement transparent) à 255 (complètement opaque). Le 51 est exactement la 20% que vous voulez.
- il donne exception de pointeur Null
- parce que votre textView variable est null.
- belle solution élégante. Je suis en mesure de l'appliquer à un élément de la liste arrière-plan lorsque je sélectionne elle - si je reçois un peu de couleur, mais il ne rivalise pas avec le texte de l'objet.. Très cool, merci!
- setAlpha(int) est dépréciée en faveur de setAlpha(float), où 0 est complètement transparent et 1 est complètement opaque myImage.setAlpha(0.5 f);
- pas vraiment. myImage.setAlpha(0.5f); s'applique l'alpha à la Vue elle-même, mais ce que je montre dans ma réponse est appliqué à la Vue de l'arrière-plan dessiné.
- Cela peut provoquer des bugs graphiques! À utiliser avec prudence et beaucoup de tests.
InformationsquelleAutor yugidroid
66

Dans Android Studio est un outil intégré pour ajuster la couleur et alpha/valeur d'opacité:
- Surpris de découvrir que ce n'est pas eu beaucoup de votes...
- de nice, il est très simple
- wow, c'est incroyable compagnon! MERCI
- Incroyable ! Avec cette méthode il n'est pas nécessaire de définir alpha qui va provoquer l'opinion est devenue flou ! merci.
- c'est génial......thanksss beaucoup jayakrishnan
InformationsquelleAutor Jayakrishnan PM

Comment faire un fond de 20% transparent sur Android

J'ai pris trois points de Vue. Dans la première vue j'ai mis plein (pas d'alpha) de la couleur, sur le second point de vue j'ai mis la moitié (0,5 alpha) de la couleur, et sur le troisième point de vue, je jeu de lumière de couleur (alpha 0.2).

Vous pouvez définir n'importe quelle couleur et en couleur avec alpha en utilisant le code ci-dessous:

Fichier activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools = "http://schemas.android.com/tools"
android:layout_width = "match_parent"
android:layout_height = "match_parent"
android:gravity = "center"
android:orientation = "vertical"
tools:context = "com.example.temp.MainActivity" >
<View
android:id = "@+id/fullColorView"
android:layout_width = "100dip"
android:layout_height = "100dip" />
<View
android:id = "@+id/halfalphaColorView"
android:layout_width = "100dip"
android:layout_height = "100dip"
android:layout_marginTop = "20dip" />
<View
android:id = "@+id/alphaColorView"
android:layout_width = "100dip"
android:layout_height = "100dip"
android:layout_marginTop = "20dip" />
</LinearLayout>

Fichier MainActivity.java

public class MainActivity extends Activity {
private View fullColorView, halfalphaColorView, alphaColorView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
fullColorView = (View)findViewById(R.id.fullColorView);
halfalphaColorView = (View)findViewById(R.id.halfalphaColorView);
alphaColorView = (View)findViewById(R.id.alphaColorView);
fullColorView.setBackgroundColor(Color.BLUE);
halfalphaColorView.setBackgroundColor(getColorWithAlpha(Color.BLUE, 0.5f));
alphaColorView.setBackgroundColor(getColorWithAlpha(Color.BLUE, 0.2f));
}
private int getColorWithAlpha(int color, float ratio) {
int newColor = 0;
int alpha = Math.round(Color.alpha(color) * ratio);
int r = Color.red(color);
int g = Color.green(color);
int b = Color.blue(color);
newColor = Color.argb(alpha, r, g, b);
return newColor;
}
}

Kotlin version:

private fun getColorWithAlpha(color: Int, ratio: Float): Int {
return Color.argb(Math.round(Color.alpha(color) * ratio), Color.red(color), Color.green(color), Color.blue(color))
}

Fait

Grâce Hiren' 🙂

InformationsquelleAutor Hiren Patel

Tous les hex de la valeur de 100% à 0% alpha, Vous pouvez définir n'importe quelle couleur avec alpha valeurs mentionnées ci-dessous. e.g #FAFFFFFF(ARRGGBB)

100% — FF
99% — FC
98% — FA
97% — F7
96% — F5
95% — F2
94% — F0
93% — ED
92% — EB
91% — E8
90% — E6
89% — E3
88% — E0
87% — DE
86% — DB
85% — D9
84% — D6
83% — D4
82% — D1
81% — CF
80% — CC
79% — C9
78% — C7
77% — C4
76% — C2
75% — BF
74% — BD
73% — BA
72% — B8
71% — B5
70% — B3
69% — B0
68% — AD
67% — AB
66% — A8
65% — A6
64% — A3
63% — A1
62% — 9E
61% — 9C
60% — 99
59% — 96
58% — 94
57% — 91
56% — 8F
55% — 8C
54% — 8A
53% — 87
52% — 85
51% — 82
50% — 80
49% — 7D
48% — 7A
47% — 78
46% — 75
45% — 73
44% — 70
43% — 6E
42% — 6B
41% — 69
40% — 66
39% — 63
38% — 61
37% — 5E
36% — 5C
35% — 59
34% — 57
33% — 54
32% — 52
31% — 4F
30% — 4D
29% — 4A
28% — 47
27% — 45
26% — 42
25% — 40
24% — 3D
23% — 3B
22% — 38
21% — 36
20% — 33
19% — 30
18% — 2E
17% — 2B
16% — 29
15% — 26
14% — 24
13% — 21
12% — 1F
11% — 1C
10% — 1A
9% — 17
8% — 14
7% — 12
6% — 0F
5% — 0D
4% — 0A
3% — 08
2% — 05
1% — 03
0% — 00

InformationsquelleAutor Anant Shah

16

Il y a une valeur XML alpha qui prend les valeurs doubles.

Depuis API 11+ la gamme est de 0f à 1f (inclus), 0f d'être transparent et 1f être opaque:
- android:alpha="0.0" c'est invisible
- android:alpha="0.5" voir-à travers
- android:alpha="1.0" pleine et visible
C'est la façon dont il fonctionne.
- qui va faire toute la mise en page semi-transparent, y compris son contenu
- C'est la réponse, thx
InformationsquelleAutor eldivino87
8

Nous pouvons rendre transparent de cette façon aussi.

Blanc code couleur - FFFFFF

70% de blanc - #B3FFFFFF.

100% — FF,
95% — F2,
90% — E6,
85% — D9,
80% — CC,
75% — BF,
70% — B3,
65% — A6,
60% — 99,
55% — 8C,
50% — 80,
45% — 73,
40% — 66,
35% — 59,
30% — 4D,
25% — 40,
20% — 33,
15% — 26,
10% — 1A,
5% — 0D,
0% — 00

InformationsquelleAutor Ashish Kumar

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:alpha="0.9"
/>

Alpha varie entre 0(transparent) et 1(opaque) dans l'API Android 11+

InformationsquelleAutor Naramsim

4

Maintenant Android Studio 3.3 et version ultérieure fournir une fonction intégrée de fonction pour changer un Alpha valeur de la couleur,

Suffit de cliquer sur une couleur dans Android studio éditeur et de fournir d' valeur Alpha dans percentage.

Pour plus d'informations, voir l'image ci-dessous

InformationsquelleAutor Chandan Sharma

Voir la Popularité ci-dessous textView à l'aide de cette

     android:alpha="0.38"

Comment faire un fond de 20% transparent sur Android

XML

android:color="#3983BE00"    //Partially transparent sky blue

Dynamiquement

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

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

Where the INT ranges from 0 (fully transparent) to 255 (fully opaque).
<TextView
style="@style/TextAppearance.AppCompat.Caption"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:alpha="0.38"
android:gravity="start"
android:textStyle="bold"
tools:text="1994|EN" />

android:alpha="0.38"

Text View alpha property set 0.38 to your textView visibility is faid

InformationsquelleAutor Keshav Gera

Voici une solution de programmation de @Aromero's réponse à calculer la valeur hexadécimale pour le canal alpha. 🙂

 public static void main(String[] args) throws Exception {
final Scanner scanner = new Scanner(System.in);
int transPerc;
float fPerc;
System.out.println("Enter the transparency percentage without % symbol:");
while((transPerc=scanner.nextInt())>=0 && transPerc <=100){
fPerc = (float) transPerc / 100;
transPerc = Math.round(255 * fPerc);
System.out.println("= " + Integer.toHexString(transPerc));
System.out.print("another one please : ");
}
scanner.close();
}

La question a été balisé pour Android. Ce code ne prend pas en charge Android.

InformationsquelleAutor theapache64

0

Essayez ce code 🙂

Son complètement transparent code hex - "#00000000"

InformationsquelleAutor Agilanbu

Vous devez vous connecter pour publier un commentaire.

Hex Valeurs D'Opacité

Fichier activity_main.xml

Fichier MainActivity.java