Question

我能够将边框绘制为线性布局，但它会在各个方面绘制。我想将它限制在右侧，就像你在CSS中那样（border-right：1px solid red;）。

我已经尝试过了，但它仍然涉及各个方面：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
    <shape android:shape="rectangle" >
        <stroke
            android:height="2dp"
            android:width="2dp"
            android:color="#FF0000" />

        <solid android:color="#000000" />

        <padding
            android:bottom="0dp"
            android:left="0dp"
            android:right="1dp"
            android:top="0dp" />

        <corners
            android:bottomLeftRadius="0dp"
            android:bottomRightRadius="5dp"
            android:radius="1dp"
            android:topLeftRadius="5dp"
            android:topRightRadius="0dp" />
    </shape>
</item>

有关如何完成此任务的任何建议？

顺便说一句，我不想使用在所需的一侧放置宽度为1dp的视图。

Answer 1

您可以使用它来获取一侧的边框

<?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="#FF0000" />
    </shape>
</item>
<item android:left="5dp">
    <shape android:shape="rectangle">
        <solid android:color="#000000" />
    </shape>
</item>
</layer-list>

<强> EDITED

包括我在内的很多人想要一个带有透明背景的单边边框，我已经实现了一个BorderDrawable，它可以像我们使用css一样给我不同大小和颜色的边框。但这不能通过xml使用。为了支持XML，我添加了一个BorderFrameLayout，您可以在其中包装布局。

请参阅我的github了解完整来源。

Answer 2

简单的馅饼，允许透明的bg：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:angle="0"
        android:startColor="#f00"
        android:centerColor="@android:color/transparent"
        android:centerX="0.01" />
</shape>

更改角度以更改边框位置：

0 =左
90 = bottom
180 =对
270 =顶部

Answer 3

也可以使用单层

实现您想要的效果

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

    <item
        android:bottom="-5dp"
        android:right="-5dp"
        android:top="-5dp">
        <shape android:shape="rectangle" >
            <solid android:color="@color/color_of_the_background" />

            <stroke
                android:width="5dp"
                android:color="@color/color_of_the_border" />
        </shape>
    </item>

</layer-list>

通过这种方式，只有左边框可见，但您可以通过bottom，left，right和top属性来实现您想要的任意组合元素

Answer 4

要在drawable的一侧获得边框，请将负inset应用于其他3个边（使这些边框在屏幕外绘制）。

<?xml version="1.0" encoding="utf-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"
    android:insetTop="-2dp" 
    android:insetBottom="-2dp"
    android:insetLeft="-2dp">

    <shape android:shape="rectangle">
        <stroke android:width="2dp" android:color="#FF0000" />
        <solid android:color="#000000" />
    </shape>

</inset>

enter image description here

这种方法类似于naykah的答案，但没有使用layer-list。

Answer 5

作为替代方案（如果您不想使用背景），可以通过如下视图轻松完成：

<View
    android:layout_width="2dp"
    android:layout_height="match_parent"
    android:background="#000000" />

如果只有右边框，请将其放置在布局后（您想要有边框的地方）：

<View
    android:layout_width="2dp"
    android:layout_height="match_parent"
    android:background="#000000" />

如果只有左边框，请将其放置在布局（您想要有边框的位置）之前：

为我工作......希望它有所帮助......

Answer 6

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" >
        <shape>
            <solid
                android:color="#f28b24" />
            <stroke
                android:width="1dp"
                android:color="#f28b24" />
            <corners
                android:radius="0dp"/>
            <padding
                android:left="0dp"
                android:top="0dp"
                android:right="0dp"
                android:bottom="0dp" />
        </shape>
    </item>
    <item>
        <shape>
            <gradient
                android:startColor="#f28b24"
                android:endColor="#f28b24"
                android:angle="270" />
            <stroke
                android:width="0dp"
                android:color="#f28b24" />
            <corners
                android:bottomLeftRadius="8dp"
                android:bottomRightRadius="0dp"
                android:topLeftRadius="0dp"
                android:topRightRadius="0dp"/>
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>
</selector>

Answer 7

此处未提及 nine-patch 文件。是的，您必须创建该文件，但这是非常容易的工作，它确实是“跨版本和透明度支持”解决方案。如果文件放在drawable-nodpi目录中，则它基于px，并且drawable-mdpi的工作方式与dp基本相同（感谢重新采样）。

原始问题的示例文件（ border-right：1px solid red; ）位于：

http://ge.tt/517ZIFC2/v/3?c

只需将其放在drawable-nodpi目录中即可。

Answer 8

我能够通过以下代码实现效果

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:left="0dp" android:right="-5dp" android:top="-5dp" android:bottom="-5dp">
        <shape
        android:shape="rectangle">
            <stroke android:width="1dp" android:color="#123456" />
        </shape>
    </item>
</layer-list>

您可以通过更改位移方向来调整您对边框位置的需求

Answer 9

不同颜色的边框。我用了3个项目。

<?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="@color/colorAccent" />
        </shape>
    </item>
    <item android:top="3dp">
        <shape android:shape="rectangle">
            <solid android:color="@color/light_grey" />
        </shape>
    </item>
    <item
        android:bottom="1dp"
        android:left="1dp"
        android:right="1dp"
        android:top="3dp">
        <shape android:shape="rectangle">
            <solid android:color="@color/colorPrimary" />
        </shape>
    </item>
</layer-list>

Answer 10

另一个很好的例子

<?xml version="1.0" encoding="UTF-8" standalone="no"?> 
<inset xmlns:android="http://schemas.android.com/apk/res/android"
     android:insetRight="-2dp">

     <shape android:shape="rectangle">
         <corners
             android:bottomLeftRadius="4dp"
             android:bottomRightRadius="0dp"
             android:topLeftRadius="4dp"
             android:topRightRadius="0dp" />
         <stroke
             android:width="1dp"
             android:color="@color/nasty_green" />
         <solid android:color="@android:color/transparent" />
     </shape>

</inset>

Answer 11

您可以包装到容器中并定义从左下角开始的边距。假设您想为左侧提供边距，您可以这样做

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@color/light_blue"
    >
    <TextView
        android:marginStart="2dp" // This is Your border
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/white"
        android:padding="16dp"
        android:text="a"
        android:textColor="@color/light_blue"
        android:textSize="25dp" />
</RelativeLayout>

如何在线性布局的一侧绘制边框？

11 个答案: