Android 具有透明背景的线性布局上的上边框

我正在尝试向具有透明背景的线性布局添加上边框

结果应该如下图所示，其中边框是“Jp项目”线性布局的顶部边框。背景色来自用作容器的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>

其中：

---

你有没有办法只用样式来修复它？

我想你只需要一条蓝线就可以这样做：

 <View
    android:layout_width="match_parent"
    android:layout_height="2dp"
    android:background="@android:color/holo_blue_dark" />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignTop="@+id/kellton_logo"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:background="@drawable/border"
    >

---

因为线条应该在工作区和项目菜单项之间垂直居中对齐。我将项目项标识为一个特殊的菜单项，并应用不同的布局

布局代码为：

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:orientation="horizontal"
        android:background="@drawable/project_top_line">
    </LinearLayout>

    <LinearLayout
        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>
</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>

---

在第一个线性布局中间画一条线。

< P>作为线性布局背景设置：这个代码的可绘制性：

<?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>

---

制作一个名为border.xml的文件，并将其添加到布局中，以便只制作上边框

<item
    android:left="-1dp"
    android:right="-1dp"
    android:bottom="-1dp"
    android:top="1dp">
    <shape
        android:shape="rectangle">
        <stroke
            android:width="0.5dp"
            android:color="@color/black" />
        <solid android:color="@android:color/transparent" />
    </shape>
</item>

像这样：

 <View
    android:layout_width="match_parent"
    android:layout_height="2dp"
    android:background="@android:color/holo_blue_dark" />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignTop="@+id/kellton_logo"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:background="@drawable/border"
    >

---

这对我很有帮助。

它可以工作，但我决定使用我的解决方案来简化菜单的组装，并使工作区和项目菜单项之间的中间线对齐。很好的解决方案它在透明背景下工作得非常完美！