如何围绕Android LinearLayout创建边框?

use*_*569 101 android android-layout android-linearlayout

我有一个大的布局,里面有一个较小的布局.

如何在小布局周围创建线条边框?

Anu*_*kur 217

当然.您可以为所需的任何布局添加边框.基本上,您需要创建自定义drawable并将其添加为布局的背景.例:

创建一个customborder.xml在drawable文件夹中调用的文件:

<?xml version="1.0" encoding="UTF-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
   <corners android:radius="20dp"/> 
   <padding android:left="10dp" android:right="10dp" android:top="10dp" android:bottom="10dp"/>
   <stroke android:width="1dp" android:color="#CCCCCC"/>
 </shape>
Run Code Online (Sandbox Code Playgroud)

现在将其作为背景应用于较小的布局:

<LinearLayout android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/customborder">
Run Code Online (Sandbox Code Playgroud)

这应该够了吧.

另见:

  • <solid>将填充矩形颜色.你需要使用<stroke>来代替绘制边框. (27认同)
  • 添加<stroke android:width ="1dip"android:color ="#CCCCCC"/>,它的工作正常. (13认同)
  • `<solid />`和`<stroke />`都填充整个矩形?这是我的代码中的错误吗? (3认同)
  • 这里的技巧实际上是 &lt;padding&gt;,我花了一段时间才找到为什么我的形状不起作用。使用填充效果很好。 (2认同)

KDe*_*kar 23

在drawable文件夹中创建名为border.xml的XML,如下所示:

<?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" android:right="5dp"  android:top="5dp" >  
     <shape android:shape="rectangle"> 
      <solid android:color="#000000" />
    </shape>
   </item>    
 </layer-list>
Run Code Online (Sandbox Code Playgroud)

然后将此添加到线性布局作为背景,如下所示:

     android:background="@drawable/border"
Run Code Online (Sandbox Code Playgroud)


小智 11

在drawable文件夹中创建一个xml文件

<stroke
    android:width="2dp"
    android:color="#B40404" />

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

<corners android:radius="4dp" />
Run Code Online (Sandbox Code Playgroud)

现在将此xml称为您的小布局背景

机器人:背景= "@绘制/ yourxml"


And*_*der 10

试试这个:

例如,让我们将res/drawable/my_custom_background.xml定义为:

(在drawable文件夹中创建此布局)layout_border.xml

  <?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:width="2dp" android:height="2dp"
                android:color="#FF0000" />
            <solid android:color="#000000" />
            <padding android:left="1dp" android:top="1dp" android:right="1dp"
                android:bottom="1dp" />

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

</layer-list>
Run Code Online (Sandbox Code Playgroud)

main.xml中

<LinearLayout 
    android:layout_gravity="center"
    android:layout_width="200dp" 
    android:layout_height="200dp"   
    android:background="@drawable/layout_border" />
</LinearLayout>
Run Code Online (Sandbox Code Playgroud)


s-h*_*ter 5

此解决方案只会添加边框,LinearLayout 的主体将是透明的。

首先,在drawable文件夹中创建这个边框drawable, border.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android= "http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke android:width="2dp" android:color="#ec0606"/>
    <corners android:radius="10dp"/>
</shape>
Run Code Online (Sandbox Code Playgroud)

然后,在你的 LinearLayout 视图中,像这样添加 border.xml 作为背景

<LinearLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@drawable/border">
Run Code Online (Sandbox Code Playgroud)