如何在Android LinearLayout周围创建边框?


Answers:


241

当然。您可以为所需的任何布局添加边框。基本上,您需要创建一个自定义可绘制对象并将其作为背景添加到布局中。例:

customborder.xml在您的可绘制文件夹中创建一个名为的文件:

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

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

<LinearLayout android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/customborder">

这应该够了吧。

另请参阅:


29
<solid>将用矩形填充颜色。您需要使用<stroke>来仅绘制边框。
NightFury

1
这里的技巧实际上是<padding>,花了我一段时间才找到为什么我的形状不起作用。使用填充可以正常工作。
约翰

3
双方<solid/><stroke/>填满整个矩形?这是我代码中的错误吗?
mr5

13
添加<stroke android:width =“ 1dip” android:color =“#CCCCCC” />,它的效果很好。
Pierry 2014年

1
Pierry的评论使该答案正确。否则,您只能获得完整的背景。
kagkar,2016年

25

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

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

     android:background="@drawable/border"

11

试试这个:

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

(在可绘制文件夹中创建此布局)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>

main.xml

<LinearLayout 
    android:layout_gravity="center"
    android:layout_width="200dp" 
    android:layout_height="200dp"   
    android:background="@drawable/layout_border" />
</LinearLayout>

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

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

android:background =“ @ drawable / yourxml”


此处不允许元素描边。
hdavidzhu

3

此解决方案将仅添加边框,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>

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

<LinearLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@drawable/border">

3

你也可以务实地做

  GradientDrawable gradientDrawable=new GradientDrawable();
   gradientDrawable.setStroke(4,getResources().getColor(R.color.line_Input));

然后将布局背景设置为:

LinearLayout layout = (LinearLayout ) findViewById(R.id.ayout); layout .setBackground(gradientDrawable);

3

我将Android文档链接添加到其他答案。

https://developer.android.com/guide/topics/resources/drawable-resource.html#Shape

它描述了Shape Drawable的所有属性,并stroke在其中设置边框。

例:

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
  <stroke android:width="1dp" android:color="#F00"/>
  <solid android:color="#0000"/>
</shape>

红色边框与透明背景。


实心部分允许将色调设置为仅边框。+1
aksh1618

0

不想创建可绘制资源?

  <FrameLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/black"
    android:minHeight="128dp">

    <FrameLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:layout_margin="1dp"
      android:background="@android:color/white">

      <TextView ... />
    </FrameLayout>
  </FrameLayout>
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.