LinearLayout上的顶部边框，透明背景

Question

我正在尝试使用透明背景为 LinearLayout 添加顶部边框。

结果应如下图所示，其中边框是“Jp Project”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

我认为你只需要一个蓝线，所以你可以这样做：

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

Answer 2

由于该线应在Workplace和Project菜单项之间垂直居中对齐。我将Project项目识别为特殊菜单项并应用不同的布局。

布局代码是：

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

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

Answer 3

制作一个名为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>

像这样：

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

帮助我。