How to make a background 20% transparent on Android


<TextView
....
android:background="#33000000"
/>

Đây là cách thứ nhất. Cách này chỉ làm cho opacity background của view control

Ta có bảng tham chiếu như sau:

(Trước khi đọc bảng tham chiếu, các bạn cần hiểu rõ chổ này. Chúng ta thấy mã màu background của TextView ở trên có 8 số. Trong đó 2 số đầu là kênh Alpha chỉ độ trong suốt hay còn gọi là độ opacity. 2 số tiếp theo là kênh màu đỏ, 2 số tiếp theo là kênh màu xanh lá cây và 2 số cuối là kênh màu xanh lam. Chính 6 số đó tạo thành màu trong hệ Hexa )

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 

Cách thứ 2 chúng ta thực hiện trong code file java như sau: 

private TextView txtOpacity;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

txtOpacity = findViewById(R.id.txt_opacity);
txtOpacity.setAlpha(0.2f); // 20%
}


Ta có bảng tham chiếu như sau:

0.01f = 1%

0.02f = 2%

0.03f = 3%

0.04f = 4%

0.05f = 5%

0.06f = 6%

0.07f = 7%

0.08f = 8%

0.09f = 9%

0.10f = 10%

0.11f = 11%

0.12f = 12%

0.13f = 13%

0.14f = 14%

0.15f = 15%

0.16f = 16%

0.17f = 17%

0.18f = 18%

0.19f = 19%

0.20f = 20%

0.21f = 21%

0.22f = 22%

0.23f = 23%

0.24f = 24%

0.25f = 25%

0.26f = 26%

0.27f = 27%

0.28f = 28%

0.29f = 29%

0.30f = 30%

0.31f = 31%

0.32f = 32%

0.33f = 33%

0.34f = 34%

0.35f = 35%

0.36f = 36%

0.37f = 37%

0.38f = 38%

0.39f = 39%

0.40f = 40%

0.41f = 41%

0.42f = 42%

0.43f = 43%

0.44f = 44%

0.45f = 45%

0.46f = 46%

0.47f = 47%

0.48f = 48%

0.49f = 49%

0.50f = 50%

0.51f = 51%

0.52f = 52%

0.53f = 53%

0.54f = 54%

0.55f = 55%

0.56f = 56%

0.57f = 57%

0.58f = 58%

0.59f = 59%

0.60f = 60%

0.61f = 61%

0.62f = 62%

0.63f = 63%

0.64f = 64%

0.65f = 65%

0.66f = 66%

0.67f = 67%

0.68f = 68%

0.69f = 69%

0.70f = 70%

0.71f = 71%

0.72f = 72%

0.73f = 73%

0.74f = 74%

0.75f = 75%

0.76f = 76%

0.77f = 77%

0.78f = 78%

0.79f = 79%

0.80f = 80%

0.81f = 81%

0.82f = 82%

0.83f = 83%

0.84f = 84%

0.85f = 85%

0.86f = 86%

0.87f = 87%

0.88f = 88%

0.89f = 89%

0.90f = 90%

0.91f = 91%

0.92f = 92%

0.93f = 93%

0.94f = 94%

0.95f = 95%

0.96f = 96%

0.97f = 97%

0.98f = 98%

0.99f = 99%

1.00f = 100%

Cần chú ý rằng 2 cách này bản chất là khác nhau hoàn toàn. Ở cách một chỉ làm mờ màu nền, còn cách thứ 2 là làm mờ toàn bộ view control.

Trong cách thứ 2, ngoài việc thực hiện trong code file java, chúng ta có thể set trực tiếp trong file layout xml như sau:

<TextView
......
android:alpha="0.5"
android:text="Opacity 50%" />


Eng Sub: 





Đăng nhận xét

Mới hơn Cũ hơn