Question

我在RelativeLayout之上有一个LinearLayout。 LinearLayout有背景图片。我想让RelativeLayout透明化。

我已经使用了alpha属性，但未达到预期的效果。这是alpha属性的影响。

我想要的是背景图像在背景中的Activity中可见。这是需要更改的原始外观。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/green_bg"
    android:orientation="vertical"
    tools:context="com.example.android.test4.MainActivity">

    <android.support.v7.widget.Toolbar
        android:id="@+id/my_toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"

        android:elevation="4dp"
        app:titleTextColor="@color/white" />


    <android.support.v7.widget.CardView 
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:card_view="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/cardview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:animateLayoutChanges="true"
        android:orientation="horizontal"
        card_view:cardCornerRadius="5dp"
        card_view:cardElevation="5dp"
        tools:context="com.example.android.test2.MainActivity">

        <RelativeLayout
            android:id="@+id/relLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:background="@color/white"
            android:weightSum="1">

            <ImageView
                android:id="@+id/movieImage"
                android:layout_width="166dp"
                android:layout_height="88dp"
                android:layout_alignLeft="@+id/imageView12"
                android:layout_alignStart="@+id/imageView12"
                android:layout_below="@+id/imageView12"
                android:layout_marginTop="19dp"
                android:layout_weight="0.05"
                android:padding="10dp"
                android:src="@drawable/defaultimgg" />

            <Button
                android:id="@+id/reject"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:layout_alignParentEnd="true"
                android:layout_alignParentRight="true"
                android:layout_toEndOf="@+id/accept"
                android:layout_toRightOf="@+id/accept"
                android:background="@color/btn_login_bg"
                android:text="Reject"
                android:textColor="@color/btn_login" />

            <Button
                android:id="@+id/accept"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignEnd="@+id/movieImage"
                android:layout_alignParentBottom="true"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:layout_alignRight="@+id/movieImage"
                android:background="@color/btn_login_bg"
                android:text="accept"
                android:textColor="@color/btn_login" />

            <TextView
                android:id="@+id/idTxt"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:visibility="gone"
                tools:text="idTxt" />

            <TextView
                android:id="@+id/textView5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/movieImage"
                android:layout_alignStart="@+id/movieImage"
                android:layout_below="@+id/idTxt"
                android:layout_marginTop="22dp"
                android:text="Type Of Serves : "
                tools:text="textView5" />

            <TextView
                android:id="@+id/txttypeofserves"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignTop="@+id/textView5"
                android:layout_toEndOf="@+id/textView5"
                android:layout_toRightOf="@+id/textView5"
                android:text="TextView"
                tools:text="txttypeofserves" />

            <TextView
                android:id="@+id/textView7"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView5"
                android:layout_alignStart="@+id/textView5"
                android:layout_below="@+id/textView5"
                android:layout_marginTop="30dp"
                android:layout_toLeftOf="@+id/txttypeofserves"
                android:layout_toStartOf="@+id/txttypeofserves"
                android:text="Addres : "
                tools:text="Address" />

            <TextView
                android:id="@+id/txtaddres"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView7"
                android:layout_alignParentEnd="true"
                android:layout_alignParentRight="true"
                android:layout_alignStart="@+id/textView7"
                android:layout_below="@+id/textView7"
                android:text="TextView"
                tools:text="txtaddress" />

            <TextView
                android:id="@+id/textView9"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/txtaddres"
                android:layout_alignStart="@+id/txtaddres"
                android:layout_below="@+id/txtaddres"
                android:layout_marginTop="18dp"
                android:text="Date: "
                tools:text="Date" />

            <TextView
                android:id="@+id/txtdate"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignTop="@+id/textView9"
                android:layout_toEndOf="@+id/textView9"
                android:layout_toRightOf="@+id/textView9"
                android:text="TextView"
                tools:text="txtdate" />

            <TextView
                android:id="@+id/textView11"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignTop="@+id/txtdate"
                android:layout_centerHorizontal="true"
                android:text="Time : "
                tools:text="time" />

            <TextView
                android:id="@+id/txttime"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignTop="@+id/textView11"
                android:layout_toEndOf="@+id/textView11"
                android:layout_toRightOf="@+id/textView11"
                android:text="TextView"
                tools:text="txttime" />

            <ImageView
                android:id="@+id/imageView12"
                android:layout_width="20dp"
                android:layout_height="20dp"
                android:layout_below="@+id/txttype1"
                android:layout_marginLeft="14dp"
                android:layout_marginStart="14dp"
                android:layout_marginTop="27dp"
                android:layout_toEndOf="@+id/idTxt"
                android:layout_toRightOf="@+id/idTxt"
                android:src="@drawable/defaultimgg" />

            <TextView
                android:id="@+id/txtrectype"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/textView9"
                android:layout_alignStart="@+id/textView9"
                android:layout_below="@+id/textView9"
                android:layout_marginTop="25dp"
                android:text="TextView"
                tools:text="txtrectype" />

            <TextView
                android:id="@+id/txttype1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/imageView12"
                android:layout_alignStart="@+id/imageView12"
                android:layout_below="@+id/txtrectype"
                android:layout_marginTop="28dp"
                android:text="TextView"
                tools:text="txtype1" />

            <TextView
                android:id="@+id/txttotalloadingfee"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignTop="@+id/imageView12"
                android:layout_toEndOf="@+id/imageView12"
                android:layout_toRightOf="@+id/imageView12"
                android:text="TextView"
                tools:text="txttoatlloadingfree" />
        </RelativeLayout>
    </android.support.v7.widget.CardView>
</LinearLayout>

Answer 1

我已经在评论中看到你已经调整了alpha属性以使其正常工作。但无论如何，据我所知，你想让你的CardView变得透明。因此，您可以考虑在CardView中添加以下属性，将CardView的背景颜色设置为透明。

card_view:cardBackgroundColor="@android:color/transparent"

所以最终的CardView应该是这样的。

<android.support.v7.widget.CardView 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/cardview"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="10dp"
    android:animateLayoutChanges="true"
    android:orientation="horizontal"
    card_view:cardCornerRadius="5dp"
    card_view:cardElevation="5dp"
    card_view:cardBackgroundColor="@android:color/transparent"
    tools:context="com.example.android.test2.MainActivity">

    <!-- Other UI elements here -->

</CardView>

Answer 2

我遇到了你的问题，如果你设置一个alpha然后文本也变得透明，在这里我找到解决方案..paste下面的代码它工作找到我把一个相对布局只为背景和我使cardview和主要相对变得透明所以调整relLayoutextra布局中的alpha .....

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/holo_green_dark"
android:orientation="vertical"
tools:context="com.example.android.test4.MainActivity">

<android.support.v7.widget.Toolbar
    android:id="@+id/my_toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"

    android:elevation="4dp"
    app:titleTextColor="@color/white" />


<android.support.v7.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/cardview"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="10dp"
    android:animateLayoutChanges="true"
    android:orientation="horizontal"
    card_view:cardCornerRadius="5dp"
    card_view:cardElevation="5dp"
    card_view:cardBackgroundColor="@android:color/transparent"

    tools:context="com.example.android.test2.MainActivity">

    <RelativeLayout
        android:id="@+id/relLayoutextra"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal"
        android:background="@android:color/white"
        android:alpha="0.5"
        android:weightSum="1">
        </RelativeLayout>

    <RelativeLayout
        android:id="@+id/relLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:background="@android:color/transparent"
        android:weightSum="1">

        <ImageView
            android:id="@+id/movieImage"
            android:layout_width="166dp"
            android:layout_height="88dp"
            android:layout_alignLeft="@+id/imageView12"
            android:layout_alignStart="@+id/imageView12"
            android:layout_below="@+id/imageView12"
            android:layout_marginTop="19dp"
            android:layout_weight="0.05"
            android:padding="10dp"
            android:src="@drawable/defaultimgg" />

        <Button
            android:id="@+id/reject"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentEnd="true"
            android:layout_alignParentRight="true"
            android:layout_toEndOf="@+id/accept"
            android:layout_toRightOf="@+id/accept"
            android:background="@color/btn_login_bg"
            android:text="Reject"
            android:textColor="@color/btn_login" />

        <Button
            android:id="@+id/accept"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignEnd="@+id/movieImage"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_alignRight="@+id/movieImage"
            android:background="@color/btn_login_bg"
            android:text="accept"
            android:textColor="@color/btn_login" />

        <TextView
            android:id="@+id/idTxt"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:visibility="gone"
            tools:text="idTxt" />

        <TextView
            android:id="@+id/textView5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@+id/movieImage"
            android:layout_alignStart="@+id/movieImage"
            android:layout_below="@+id/idTxt"
            android:layout_marginTop="22dp"
            android:text="Type Of Serves : "
            tools:text="textView5" />

        <TextView
            android:id="@+id/txttypeofserves"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignTop="@+id/textView5"
            android:layout_toEndOf="@+id/textView5"
            android:layout_toRightOf="@+id/textView5"
            android:text="TextView"
            tools:text="txttypeofserves" />

        <TextView
            android:id="@+id/textView7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@+id/textView5"
            android:layout_alignStart="@+id/textView5"
            android:layout_below="@+id/textView5"
            android:layout_marginTop="30dp"
            android:layout_toLeftOf="@+id/txttypeofserves"
            android:layout_toStartOf="@+id/txttypeofserves"
            android:text="Addres : "
            tools:text="Address" />

        <TextView
            android:id="@+id/txtaddres"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@+id/textView7"
            android:layout_alignParentEnd="true"
            android:layout_alignParentRight="true"
            android:layout_alignStart="@+id/textView7"
            android:layout_below="@+id/textView7"
            android:text="TextView"
            tools:text="txtaddress" />

        <TextView
            android:id="@+id/textView9"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@+id/txtaddres"
            android:layout_alignStart="@+id/txtaddres"
            android:layout_below="@+id/txtaddres"
            android:layout_marginTop="18dp"
            android:text="Date: "
            tools:text="Date" />

        <TextView
            android:id="@+id/txtdate"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignTop="@+id/textView9"
            android:layout_toEndOf="@+id/textView9"
            android:layout_toRightOf="@+id/textView9"
            android:text="TextView"
            tools:text="txtdate" />

        <TextView
            android:id="@+id/textView11"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignTop="@+id/txtdate"
            android:layout_centerHorizontal="true"
            android:text="Time : "
            tools:text="time" />

        <TextView
            android:id="@+id/txttime"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignTop="@+id/textView11"
            android:layout_toEndOf="@+id/textView11"
            android:layout_toRightOf="@+id/textView11"
            android:text="TextView"
            tools:text="txttime" />

        <ImageView
            android:id="@+id/imageView12"
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:layout_below="@+id/txttype1"
            android:layout_marginLeft="14dp"
            android:layout_marginStart="14dp"
            android:layout_marginTop="27dp"
            android:layout_toEndOf="@+id/idTxt"
            android:layout_toRightOf="@+id/idTxt"
            android:src="@drawable/defaultimgg" />

        <TextView
            android:id="@+id/txtrectype"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@+id/textView9"
            android:layout_alignStart="@+id/textView9"
            android:layout_below="@+id/textView9"
            android:layout_marginTop="25dp"
            android:text="TextView"
            tools:text="txtrectype" />

        <TextView
            android:id="@+id/txttype1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@+id/imageView12"
            android:layout_alignStart="@+id/imageView12"
            android:layout_below="@+id/txtrectype"
            android:layout_marginTop="28dp"
            android:text="TextView"
            tools:text="txtype1" />

        <TextView
            android:id="@+id/txttotalloadingfee"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignTop="@+id/imageView12"
            android:layout_toEndOf="@+id/imageView12"
            android:layout_toRightOf="@+id/imageView12"
            android:text="TextView"
            tools:text="txttoatlloadingfree" />
    </RelativeLayout>
</android.support.v7.widget.CardView>

如何使嵌套布局（任何相对或线性）透明？看看图片和代码

2 个答案: