Android transparency settings

Table of contents

1. Transparency comparison table

2. Introduction to transparency

3. Transparency setting

3.1 xml settings

3.2 Code settings


1. Transparency comparison table

 

Note: 00 is completely transparent, FF is completely opaque

        Our UI girl likes to give "opacity" . This needs to be judged by yourself.

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

2. Introduction to transparency

        ​​​​Color values ​​in Android usually follow the RGB/ARGB standard. When used, they usually start with the "#" character and are expressed in hexadecimal.

        The general format of color values ​​in Android is: #AARRGGBB.

        Transparency is divided into 256 levels, namely 0~255, 00 means completely transparent, and FF means completely opaque.

 

Note:
Transparency 0 (transparent) –> 255 (opaque)

Hexadecimal 00 (transparent)–> FF (opaque)

        For example: 50% transparency, 50% is half of 256, which is 128. Because it starts from 0, it is 127. When converted to hexadecimal, it is 7F.

3. Transparency setting

3.1 xml settings

<!-- 整个布局添加透明度 -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/ll_root"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:alpha="0.6"
    android:orientation="vertical">
</LinearLayout>

<!-- 带个控件加透明度 -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/str_sleep"
        android:textColor="@color/color_333333"
        android:alpha="0.6"
        android:textSize="@dimen/sp_24" />

        You can also set the font color or background color to achieve the desired effect.

3.2 Code settings

  tvName.setAlpha(isAccountsCancel?1:0.6f);//float:0(完全透明)~1(不透明)
  tvName.getBackground().setAlpha(255);//int:0(完全透明)~255(不透明)

Guess you like

Origin blog.csdn.net/g984160547/article/details/134403654