web-dev-qa-db-fra.com

Bordure pour la mise en page

J'essaie de faire une bordure autour de ma mise en page comme ceci

two text areas with rounded borders

Mais ce que j'essaie simplement de changer la couleur de la mise en page. Pas de bordure.

Mon code est

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android"
> 

<stroke Android:width="1dp"

        Android:color="#eedfcc"
        Android:background="#000080"/>

<corners Android:bottomRightRadius="20dp"
         Android:bottomLeftRadius="20dp" 
         Android:topLeftRadius="10dp"
         Android:topRightRadius="8dp"/> 
</shape>

Pourquoi ça ne marche pas?

androidborderandroid-linearlayout
12
MBMJ

essaye ça:

ÉTAPE 1: Créez le fichier layout_border.xml dans le répertoire drawables de votre projet (res/drawable/layout_border.xml): 

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android"> 
    <solid Android:color="#FFFFFF"/> 
    <stroke Android:width="3dip" Android:color="#B1BCBE" />
    <corners Android:radius="10dip"/>
    <padding Android:left="0dip" Android:top="0dip" Android:right="0dip" Android:bottom="0dip" />
</shape>

ÉTAPE 2: 

<EditText 
    Android:id="@+id/edittext"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:background="@drawable/layout_border"
     />
43
ρяσѕρєя K

Créez un fichier "res/drawable/my_border.xml" et définissez une forme:

<shape xmlns:Android="http://schemas.Android.com/apk/res/Android">
    <stroke Android:width="4dp" Android:color="#FF00FF00" />
    <solid Android:color="#ffffff" />
    <padding Android:left="7dp" Android:top="7dp"
            Android:right="7dp" Android:bottom="7dp" />
    <corners Android:radius="4dp" />
</shape>

Ajoutez ensuite ceci en tant qu'arrière-plan à l'intérieur de votre balise layout:

Android:background="@drawable/my_border"
3
Erol

Solution 1:

my_edittext_bg 

 <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:Android="http://schemas.Android.com/apk/res/Android" >    
    <!-- Color of the border -->
    <stroke
      Android:width="2dp"
      Android:color="#FF0000" />
    <!-- Use this if you want to round your Corners -->
    <corners Android:radius="5dp" />
    <!-- Use this attribute if you want add some paddings -->
    <padding Android:left="0dip" Android:top="0dip" Android:right="0dip" Android:bottom="0dip" />
    </shape>

Maintenant, définissez ceci comme arrière-plan de votre texte d'édition

 Android:background="@drawable/my_edittext_bg"

Solution 2:

Utilisez ce correctif de 9 patchs comme arrière-plan de votre EditText

enter image description here

2
K_Anas

Essayez ce code:

<EditText 
    Android:id="@+id/edittext1"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:background="@drawable/textboxes"
     />

Et créez un fichier xml dans un dossier pouvant être appelé nommé 'textboxes' et écrivez ce code en

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android" >
<stroke
    Android:color="#f269be"
    Android:width="2dp" />
<solid
    Android:color="#ffffff" />
</shape>

Bordure d'angle arrondie, écrivez ceci:

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android">
<solid Android:color="#009FFFFF"/>
<corners Android:radius="10px"/>
<padding Android:left="1dp" Android:top="2dp" Android:right="2dp" Android:bottom="2dp" /> 
<stroke Android:width="2dp" Android:color="#AAAAAA" />
</shape>
1
Krishna Suthar