Question

我试图将一些TextView放在黑色透明层上。为了使布局模糊，我在布局中设置了alpha（0.3）它运作良好。布局变得透明。但问题是布局中的textview也变得模糊。我该如何解决？

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="30dp"
    android:background="#E6000000"
    android:alpha="0.3"
    >

    <TextView
        android:id="@+id/text_feed_myPlant_name"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="Error"
        android:textSize="19dp"
        android:textColor="#FFFFFF"
        android:layout_marginLeft="10dp"
        android:layout_gravity="center_vertical"
        android:layout_weight="1"/>

    <TextView
        android:id="@+id/text_feed_myPlant_time"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:textSize="14dp"
        android:textColor="#FFFFFF"
        android:gravity="right"
        android:layout_gravity="center_vertical"
        android:paddingRight="10dp"
        android:layout_weight="1.5"/>
</LinearLayout>

Answer 1

你可以做的是采取一个相对布局，并采取一个覆盖所有它的视图，并将aplha设置为该视图。然后你可以采取你的线性布局并将其设置为相对布局的第二个子。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <View
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:alpha="0.3"
        android:background="#E6000000"
        />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="30dp"
        >
        <TextView
            android:id="@+id/text_feed_myPlant_name"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="Error"
            android:textSize="19dp"
            android:textColor="#FFFFFF"
            android:layout_marginLeft="10dp"
            android:layout_gravity="center_vertical"
            android:layout_weight="1"/>

        <TextView
            android:id="@+id/text_feed_myPlant_time"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:textSize="14dp"
            android:textColor="#FFFFFF"
            android:gravity="right"
            android:layout_gravity="center_vertical"
            android:paddingRight="10dp"
            android:layout_weight="1.5"/>
    </LinearLayout>
</RelativeLayout>

我这样做了，效果很好。

Answer 2

我认为这不是最好的做法。但它会解决你的问题

<FrameLayout
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:background="@color/white">
   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:background="#E6000000"
       android:alpha="0.3"
    >
    <TextView
       />

    <TextView
       />
</LinearLayout>

在模糊布局中不模糊TextView

2 个答案: