Как создать рамку вокруг Android LinearLayout?

Ответы:

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 = "# 1970" />, все работает нормально.
Пьерри
1
Комментарий Пьерри делает этот ответ правильным. В противном случае вы можете получить только полностью заполненный фон.
kagkar
25

Создайте XML с именем 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">
      <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>
Android_coder
источник
11

Создайте один 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 будет прозрачным.

Сначала создайте эту границу, которую можно рисовать в папке с возможностью рисования, 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">
s-охотник
источник
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>

Красная граница с прозрачным фоном.

Mortalis
источник
Сплошная часть позволяет задать оттенок только для границы. +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>
Джеффри Блаттман
источник
0

Попробуйте это в своем res / drawable

    <?xml version="1.0" encoding="UTF-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
  <shape
    android:shape="rectangle">
    <padding android:left="15dp"
        android:right="15dp"
        android:top="15dp"
        android:bottom="15dp"/>
    <stroke android:width="10dp"
        android:color="@color/colorPrimary"/>
  </shape>
</item><item android:left="-5dp"
        android:right="-5dp"
        android:top="-5dp"
        android:bottom="-5dp">
  <shape android:shape="rectangle">
    <solid android:color="@color/background" />
  </shape></item></layer-list>
Акаш Тонгаре
источник