Android中使按鈕的背景變得透明&前端中css設定透明背景

Paranoia患者゛發表於2020-10-15

java 程式碼中 實現:
Button.setBackgroundColor(Color.parseColor("#00000000"));
xml中 實現(為Button新增該屬性):
android:background="@android:color/transparent"

例項:

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="20dp">

    <ImageView
        android:src="@mipmap/user"
        android:layout_height="170dp"/>

    <TableRow
        android:gravity="center"
        android:layout_marginTop="20dp">

        <TextView
            android:text="使用者名稱:"
            android:textSize="24sp" />
        <EditText
            android:layout_weight="1"/>
    </TableRow>

    <TableRow
        android:gravity="center">
        <TextView
            android:text="密碼:"
            android:textSize="24sp" />
        <EditText
            android:layout_weight="1"/>
    </TableRow>

    <TableRow
        android:gravity="center"
        android:layout_marginTop="10dp">
        <Button
            android:text="登入"
            android:textSize="24sp"/>
    </TableRow>

    <TableRow
        android:gravity="center"
        android:layout_marginTop="20dp">
        <Button
            android:text="忘記密碼"
            android:textSize="20sp"
            android:background="@android:color/transparent"/>
        <TextView android:minWidth="80dp"/>
        <Button
            android:text="立即登入"
            android:textSize="20sp"
            android:background="@android:color/transparent"/>
    </TableRow>
</TableLayout>

效果:
在這裡插入圖片描述

前端中的css設定透明背景:
1、通過opacity設定背景顏色透明
opacity屬性引數的"不透明度"是以數字表示,從 0.0 至 1.0 都可以,完全透明是 0.0,完全不透明是 1.0,換句話說,數字越大代表元素越不透明。

說明:通過backgroud和opacity設定背景顏色透明度,如果背景上面有文字的話,那麼文字也會變成透明。

2、通過rgba方式設定背景顏色透明
所謂RGBA顏色,就是RGB三原色加ALPHA。在給背景新增顏色的同時,提供透明度特性。

用法:background:rgba(R,G, B, A);

說明:如果背景上面有文字的話,那麼文字不會受影響。

相關文章