Comment créer une bordure autour d'un LinearLayout Android ?

Question

J'ai une grande mise en page, et une plus petite à l'intérieur de celle-ci.

Comment créer une bordure de ligne autour de la petite mise en page ?

Answer 1

Bien sûr. Vous pouvez ajouter une bordure à n'importe quelle disposition que vous voulez. En fait, vous devez créer un objet à dessiner personnalisé et l'ajouter comme arrière-plan à votre mise en page, par exemple :

Créez un fichier appelé customborder.xml dans votre dossier "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>

Appliquez-le maintenant comme arrière-plan à votre petite mise en page :

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

Cela devrait faire l'affaire.

Voir aussi :

• http://tekeye.biz/2012/add-a-border-to-an-Android-layout
• Comment ajouter une bordure autour d'une mise en page linéaire, sauf en bas ?

Answer 2

Créez un XML appelé border.xml dans le dossier drawable comme ci-dessous :

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

puis ajoutez ceci à la mise en page linéaire en arrière-plan :

     android:background="@drawable/border"

Answer 3

Essayez ça :

Par exemple, définissons res/drawable/my_custom_background.xml comme :

(créez cette mise en page dans votre dossier 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>

main.xml

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

Answer 4

Créez un fichier xml dans le dossier drawable.

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

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

<corners android:radius="4dp" />

Appelez maintenant ce xml dans votre petit arrière-plan de mise en page.

Android:background="@drawable/yourxml"

Answer 5

Cette solution ne fera qu'ajouter la bordure, le corps du LinearLayout sera transparent.

Tout d'abord, créez cette bordure dans le dossier 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>

Ensuite, dans votre vue LinearLayout, ajoutez le fichier border.xml comme arrière-plan comme ceci

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