具有透明背景的LinearLayout的顶部边框

Question

我试图将顶部边框添加到具有透明背景的LinearLayout中。

结果应类似于下图，其中边框是“ Jp项目” LinearLayout的顶部边框。背景颜色来自用作容器的FrameLayout。

这是线性布局XML：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/menuItem"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/icon"
        android:layout_width="45dp"
        android:layout_height="45dp"
        android:src="@drawable/notification_action"
        android:padding="10dp"/>

    <TextView
        android:id="@+id/menuItemName"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center_vertical"
        android:textSize="19sp"
        android:textColor="@color/white"/>

    <TextView android:id="@+id/counter"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center_vertical"
        android:textAppearance="@android:style/TextAppearance.Medium"
        android:textColor="@color/counter_text_color"
        android:background="@drawable/counter_bg"/>
</LinearLayout>

这是我目前正在使用的样式代码：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="line">
    <stroke
        android:width="2dp"
        android:color="@color/base_app_color" />
    <solid android:color="@android:color/transparent"/>
</shape>

得出：

您是否有使用样式来修复它的方法？

Answer 1

使用以下代码将可绘制对象设置为您的LinearLayout背景：

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

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

</layer-list>