Question

我想将布局的背景设置为半透明颜色，顶部边框（不透明）。我试图实现这一目标。目前我的drawable文件如下所示：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#FF0000FF" />
        </shape>
    </item>
    <item android:top="5dp">
        <shape>
            <solid android:color="#7F000000" />
        </shape>
    </item>
</layer-list>

但是在这个xml中，半透明的形状是非透明的形状，因此在结果中它根本不是半透明的。你能帮助我得到我想要的背景吗？提前谢谢。

Answer 1

在搜索网页并尝试找到正确的解决方案之后，最后我得到了聊天中的人的答案。解决方案是在第一个上面再创建一个layout，例如，为10dp的高度和match_parent的宽度。

以下是工作示例：

<强> activity_main.xml中

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/MainLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/main_bg"
    android:orientation="vertical"
    android:padding="5dp"
    tools:context=".MainActivity" >

    <LinearLayout
        android:id="@+id/Box"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/background"
        android:orientation="vertical" >

        <LinearLayout
            android:id="@+id/Border"
            android:layout_width="match_parent"
            android:layout_height="10dp"
            android:layout_weight="0.64"
            android:background="@drawable/border"
            android:orientation="vertical"
            tools:ignore="InefficientWeight" >

        </LinearLayout>

        <TextView
            android:id="@+id/Content"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="0.64"
            android:padding="5dp"
            android:text="@string/example"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:textColor="@color/white" />
    </LinearLayout>

</LinearLayout>

<强> main_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:top="5dp">
        <shape>
            <solid android:color="#FF990000" />
        </shape>
    </item>
</layer-list>

<强> background.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:top="5dp">
        <shape>
            <solid android:color="#55000000" />
        </shape>
    </item>
</layer-list>

<强> border.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:top="5dp">
        <shape>
            <solid android:color="#FFFF0000" />
        </shape>
    </item>
</layer-list>

<强>的strings.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="app_name">Transparent Views</string>
    <string name="action_settings">Settings</string>
    <string name="hello_world">Hello world!</string>
    <string name="example">Content &#8230;</string>
    <color name="white">#FFFFFFFF</color>

</resources>

希望它对其他人也有帮助。

Answer 2

这是一个简单的解决方案。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:left="-5dp" android:bottom="-5dp" android:right="-5dp">
        <shape android:shape="rectangle">
            <stroke android:width="5dp" android:color="@color/borderColor" />
            <solid android:color="@color/backgroundColor" />
        </shape>
    </item>

</layer-list>

在Android上绘制半透明形状的顶部边框

2 个答案: