具有透明背景的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>

这是什么问题：

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

- Juampa

Answer 1

使用以下代码将Drawable设置为您的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>

- dzikovskyy

---

很好的解决方案，它在透明背景下完美运行！ - box

Answer 2

作为工作场所和项目菜单项之间应该垂直居中的线。我将项目项标识为特殊菜单项，并应用不同的布局。

布局代码如下：

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

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

- Juampa

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

帮助了我。

- amit pandya

Answer 4

我认为您只需要一条蓝色线，这样您就可以做到这样：

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

- Illegal Argument

---

它可以工作，但我决定使用我的解决方案，因为更简单地组装菜单，并使“工作场所”和“项目”菜单项之间的行居中对齐。 - Juampa